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.jsto include the new theme:javascript<br>const themes = { light: lightTheme, dark: darkTheme, solarized: solarizedTheme };<br>3. Modify
src/app-components/settings.jsto add a theme selector option.4. Test with
npm run dev.5. Submit a pull request.