1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
| import { defaultTheme } from 'react-admin';
|
| const MAIN_COLOR = 'rgb(47, 104, 172)'; // #2f68ac
|
| 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,
| },
| },
| MuiTable: {
| styleOverrides: {
| root: {
| border: '1px solid #333',
| },
| },
| },
| },
| }
|
| export const rcsLightTheme = {
| typography: {
| // fontFamily: `'Microsoft YaHei', Arial, sans-serif`,
| },
| palette: {
| primary: {
| main: `${MAIN_COLOR}`,
| },
| secondary: {
| // light: '#5f5fc4',
| main: `${MAIN_COLOR}`,
| // dark: '#001064',
| // contrastText: '#fff',
| },
| background: {
| default: 'rgb(250, 250, 251)',
| // default: '#fcfcfe',
| // paper: 'rgb(255, 255, 255)',
| },
| mode: 'light',
| },
| shape: {
| // borderRadius: 10,
| },
| sidebar: {
| width: 200,
| },
| components: {
| ...defaultTheme.components,
| RaMenuItemLink: {
| styleOverrides: {
| root: {
| borderLeft: '3px solid #fff',
| '&.RaMenuItemLink-active': {
| borderLeft: `3px solid ${MAIN_COLOR}`,
| },
| },
| },
| },
| MuiAppBar: {
| styleOverrides: {
| colorSecondary: {
| color: '#ffffff',
| backgroundColor: `${MAIN_COLOR}`,
| },
| },
| defaultProps: {
| elevation: 1,
| },
| },
| // MuiLinearProgress: {
| // styleOverrides: {
| // colorPrimary: {
| // backgroundColor: '#f5f5f5',
| // },
| // barColorPrimary: {
| // backgroundColor: '#d7d7d7',
| // },
| // },
| // },
| MuiTable: {
| styleOverrides: {
| root: {
| border: '1px solid #e0e0e3',
| },
| },
| },
| // MuiTableRow: {
| // styleOverrides: {
| // root: {
| // '&:last-child td': { border: 0 },
| // },
| // },
| // },
| },
| };
|
|
