How can I add a new theme to OrbitOS, like a Solarized theme? #54
-
How can I add a new theme to OrbitOS, like a Solarized theme? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
To add a Solarized theme: |
Beta Was this translation helpful? Give feedback.
To add a Solarized theme:
1. Create
src/themes/solarizedTheme.js
:javascript<br>export const solarizedTheme = {<br> background: 'bg-[#002b36]',<br> text: 'text-[#839496]',<br> taskbar: 'bg-[#073642]/80 backdrop-blur-md',<br> window: 'bg-[#fdf6e3] text-[#657b83]',<br>};<br>
2. Update
src/context/ThemeContext.js
to include the new theme:javascript<br>const themes = { light: lightTheme, dark: darkTheme, solarized: solarizedTheme };<br>
3. Modify
src/app-components/settings.js
to add a theme selector option.4. Test with
npm run dev
.5. Submit a pull request.