| | |
| | | |
| | | const MAIN_COLOR = 'rgb(47, 104, 172)'; |
| | | |
| | | export const rcsDarkTheme = { |
| | | palette: { |
| | | primary: { |
| | | main: '#90caf9', |
| | | }, |
| | | secondary: { |
| | | main: '#FBBA72', |
| | | }, |
| | | mode: 'dark', // Switching the dark mode on is a single property value change. |
| | | }, |
| | | sidebar: { |
| | | width: 200, |
| | | }, |
| | | components: { |
| | | ...defaultTheme.components, |
| | | RaMenuItemLink: { |
| | | styleOverrides: { |
| | | root: { |
| | | borderLeft: '3px solid #000', |
| | | '&.RaMenuItemLink-active': { |
| | | borderLeft: '3px solid #90caf9', |
| | | }, |
| | | }, |
| | | }, |
| | | }, |
| | | // MuiFilledInput: { |
| | | // styleOverrides: undefined, |
| | | // }, |
| | | MuiAppBar: { |
| | | styleOverrides: { |
| | | colorSecondary: { |
| | | color: '#ffffffb3', |
| | | backgroundColor: '#222222', |
| | | }, |
| | | }, |
| | | defaultProps: { |
| | | elevation: 1, |
| | | }, |
| | | }, |
| | | }, |
| | | } |
| | | |
| | | export const rcsLightTheme = { |
| | | palette: { |
| | | primary: { |
| | |
| | | |
| | | import { softDarkTheme, softLightTheme } from './softTheme'; |
| | | import { chiptuneTheme } from './chiptuneTheme'; |
| | | import { rcsLightTheme } from './rcsTheme'; |
| | | import { rcsLightTheme, rcsDarkTheme } from './rcsTheme'; |
| | | |
| | | export const themes = [ |
| | | { name: 'rcs', light: rcsLightTheme }, |
| | | { name: 'rcs', light: rcsLightTheme, dark: rcsDarkTheme }, |
| | | { name: 'soft', light: softLightTheme, dark: softDarkTheme }, |
| | | { name: 'default', light: defaultLightTheme, dark: defaultDarkTheme }, |
| | | { name: 'nano', light: nanoLightTheme, dark: nanoDarkTheme }, |