| | |
| | | import { defaultTheme } from 'react-admin'; |
| | | |
| | | /** |
| | | * Soft: A gentle theme for apps with rich content (images, charts, maps, etc). |
| | | * |
| | | * Uses white app bar, rounder corners, light colors. |
| | | */ |
| | | |
| | | 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: '#616161', |
| | | }, |
| | | }, |
| | | defaultProps: { |
| | | elevation: 1, |
| | | }, |
| | | }, |
| | | }, |
| | | }; |
| | | |
| | | export const rcsLightTheme = { |
| | | palette: { |
| | | primary: { |
| | |
| | | import { rcsDarkTheme, rcsLightTheme } from './rcsTheme'; |
| | | |
| | | export const themes = [ |
| | | { name: 'rcs', light: rcsLightTheme, dark: rcsDarkTheme }, |
| | | { name: 'rcs', light: rcsLightTheme }, |
| | | { name: 'soft', light: softLightTheme, dark: softDarkTheme }, |
| | | { name: 'default', light: defaultLightTheme, dark: defaultDarkTheme }, |
| | | { name: 'nano', light: nanoLightTheme, dark: nanoDarkTheme }, |