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
| 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 softDarkTheme = {
| 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 softLightTheme = {
| palette: {
| primary: {
| main: '#4f3cc9',
| },
| secondary: {
| light: '#5f5fc4',
| main: '#283593',
| dark: '#001064',
| contrastText: '#fff',
| },
| background: {
| default: '#fcfcfe',
| },
| mode: 'light',
| },
| shape: {
| borderRadius: 10,
| },
| sidebar: {
| width: 200,
| },
| components: {
| ...defaultTheme.components,
| RaMenuItemLink: {
| styleOverrides: {
| root: {
| borderLeft: '3px solid #fff',
| '&.RaMenuItemLink-active': {
| borderLeft: '3px solid #4f3cc9',
| },
| },
| },
| },
| MuiPaper: {
| styleOverrides: {
| elevation1: {
| boxShadow: 'none',
| },
| root: {
| border: '1px solid #e0e0e3',
| backgroundClip: 'padding-box',
| },
| },
| },
| MuiAppBar: {
| styleOverrides: {
| colorSecondary: {
| color: '#808080',
| backgroundColor: '#fff',
| },
| },
| defaultProps: {
| elevation: 1,
| },
| },
| MuiLinearProgress: {
| styleOverrides: {
| colorPrimary: {
| backgroundColor: '#f5f5f5',
| },
| barColorPrimary: {
| backgroundColor: '#d7d7d7',
| },
| },
| },
| MuiTableRow: {
| styleOverrides: {
| root: {
| '&:last-child td': { border: 0 },
| },
| },
| },
| },
| };
|
|
