| | |
| | | |
| | | 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: { |