|  |  |  | 
|---|
|  |  |  | 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 }, | 
|---|