1 | const theme = {
|
2 | bahColors: {
|
3 | white1: '#ffffff',
|
4 | white2: '#efefef',
|
5 | black1: '#000000',
|
6 | bluebrand: '#0060aa',
|
7 |
|
8 | red1: '#f44336',
|
9 | red50: '#ffebee',
|
10 | red100: '#ffcdd2',
|
11 | red200: '#ef9a9a',
|
12 | red300: '#e57373',
|
13 | red400: '#ef5350',
|
14 | red500: '#f44336',
|
15 | red600: '#e53935',
|
16 | red700: '#d32f2f',
|
17 | red800: '#c62828',
|
18 | red900: '#b71c1c',
|
19 |
|
20 | blue1: '#2196f3',
|
21 | blue50: '#e3f2fd',
|
22 | blue100: '#bbdefb',
|
23 | blue200: '#90caf9',
|
24 | blue300: '#64b5f6',
|
25 | blue400: '#42a5f5',
|
26 | blue500: '#2196f3',
|
27 | blue600: '#1e88e5',
|
28 | blue700: '#1976d2',
|
29 | blue800: '#1565c0',
|
30 | blue900: '#0d47a1',
|
31 |
|
32 | green1: '#4caf50',
|
33 | green50: '#e8f5e9',
|
34 | green100: '#c8e6c9',
|
35 | green200: '#a5d6a7',
|
36 | green300: '#81c784',
|
37 | green400: '#66bb6a',
|
38 | green500: '#4caf50',
|
39 | green600: '#43a047',
|
40 | green700: '#388e3c',
|
41 | green800: '#2e7d32',
|
42 | green900: '#1b5e20',
|
43 |
|
44 | yellow1: '#ffeb3b',
|
45 | yellow50: '#fffde7',
|
46 | yellow100: '#fff9c4',
|
47 | yellow200: '#fff59d',
|
48 | yellow300: '#fff176',
|
49 | yellow400: '#ffee58',
|
50 | yellow500: '#ffeb3b',
|
51 | yellow600: '#fdd835',
|
52 | yellow700: '#fbc02d',
|
53 | yellow800: '#f9a825',
|
54 | yellow900: '#f57f17',
|
55 |
|
56 | orange1: '#ff9800',
|
57 | orange50: '#fff3e0',
|
58 | orange100: '#ffe0b2',
|
59 | orange200: '#ffcc80',
|
60 | orange300: '#ffb74d',
|
61 | orange400: '#ffa726',
|
62 | orange500: '#ff9800',
|
63 | orange600: '#fb8c00',
|
64 | orange700: '#f57c00',
|
65 | orange800: '#ef6c00',
|
66 | orange900: '#e65100',
|
67 |
|
68 | gray1: '#9e9e9e',
|
69 | gray50: '#fafafa',
|
70 | gray100: '#f5f5f5',
|
71 | gray200: '#eeeeee',
|
72 | gray300: '#d9d9d9',
|
73 | gray400: '#bdbdbd',
|
74 | gray500: '#9e9e9e',
|
75 | gray600: '#757575',
|
76 | gray700: '#616161',
|
77 | gray800: '#424242',
|
78 | gray900: '#212121',
|
79 |
|
80 | bluegray1: '#607d8b',
|
81 | bluegray50: '#eceff1',
|
82 | bluegray100: '#cfd8dc',
|
83 | bluegray200: '#b0bec5',
|
84 | bluegray300: '#90a4ae',
|
85 | bluegray400: '#78909c',
|
86 | bluegray500: '#607d8b',
|
87 | bluegray600: '#546e7a',
|
88 | bluegray700: '#455a64',
|
89 | bluegray800: '#37474f',
|
90 | bluegray900: '#263238',
|
91 |
|
92 | steel1: '#C0CCDA',
|
93 | steel50: '#F9FAFC',
|
94 | steel100: '#EFF2F7',
|
95 | steel200: '#E5E9F2',
|
96 | steel300: '#E0E6ED',
|
97 | steel400: '#D3DCE6',
|
98 | steel500: '#C0CCDA',
|
99 | steel600: '#8492A6',
|
100 | steel700: '#3C4858',
|
101 | steel800: '#273444',
|
102 | steel900: '#1F2D3D',
|
103 |
|
104 | customBlue1: '#3c8dbc',
|
105 | customBlue2: '#367fa9',
|
106 | customBlue3: '#1e282c',
|
107 | customBlue4: '#222d32',
|
108 | customBlue5: '#2c3b41',
|
109 | },
|
110 | get bahDefaultTextColor() {
|
111 | return this.bahColors.bluegray700;
|
112 | },
|
113 | get bahDefaultBackgroundColor() {
|
114 | return this.bahColors.gray100;
|
115 | },
|
116 |
|
117 | get bahFormInputBorderColor() {
|
118 | return this.bahColors.steel600;
|
119 | },
|
120 | get bahFormInputBackgroundColor() {
|
121 | return this.bahColors.white1;
|
122 | },
|
123 | get bahFormInputBoxShadowColor() {
|
124 | return this.bahColors.steel400;
|
125 | },
|
126 | get bahFormInputDisabledColor() {
|
127 | return this.bahColors.steel200;
|
128 | },
|
129 | get bahFormInputFocusShadowColor() {
|
130 | return this.bahColors.bluegray400;
|
131 | },
|
132 | get bahFormInputFocusBorderColor() {
|
133 | return this.bahColors.bluegray600;
|
134 | },
|
135 | bahFormInputDefaultHeight: '24px',
|
136 | bahFormInputDefaultPadding: '4px 8px',
|
137 | bahFormInputRadioCheckDefaultPadding: '2px 8px',
|
138 | bahFormFieldsDefaultBorder: '4px',
|
139 | bahFormFieldsDefaultMarginBottom: '6px',
|
140 |
|
141 | get bahTableRowColor() {
|
142 | return this.bahColors.steel200;
|
143 | },
|
144 | get bahTableHeaderColor() {
|
145 | return this.bahColors.steel400;
|
146 | },
|
147 | get bahTableHeaderBorderColor() {
|
148 | return this.bahColors.steel600;
|
149 | },
|
150 |
|
151 | get bahPaginateBackgroundColor() {
|
152 | return this.bahColors.blue700;
|
153 | },
|
154 |
|
155 | get bahLayoutHeaderBackgroundColor() {
|
156 | return this.bahColors.customBlue1;
|
157 | },
|
158 | get bahLayoutFooterBackgroundColor() {
|
159 | return this.bahColors.gray100;
|
160 | },
|
161 | get bahLayoutNavBackgroundColor() {
|
162 | return this.bahColors.customBlue4;
|
163 | },
|
164 | get bahLayoutNavBoderRightColor() {
|
165 | return this.bahColors.customBlue3;
|
166 | },
|
167 | get bahLayoutArticleBackgroundColor() {
|
168 | return this.bahColors.gray100;
|
169 | },
|
170 | get bahLayoutAsideBackgroundColor() {
|
171 | return this.bahColors.gray100;
|
172 | },
|
173 |
|
174 | get bahSidebarItemLabelBgColor() {
|
175 | return this.bahColors.customBlue3;
|
176 | },
|
177 | get bahSidebarItemLabelHoverBgColor() {
|
178 | return this.bahColors.customBlue4;
|
179 | },
|
180 | get bahSidebarItemUlBgColor() {
|
181 | return this.bahColors.customBlue5;
|
182 | },
|
183 | get bahSidebarItemLabelFonteSize() {
|
184 | return '20px';
|
185 | },
|
186 | get bahSidebarFonteSize() {
|
187 | return '18px';
|
188 | },
|
189 | get bahSidebarBgColor() {
|
190 | return this.bahColors.customBlue4;
|
191 | },
|
192 | get bahSidebarItemUlHoverBgColor() {
|
193 | return this.bahColors.customBlue4;
|
194 | },
|
195 | get bahSidebarItemLabelBorderColor() {
|
196 | return this.bahColors.customBlue5;
|
197 | },
|
198 | get bahSidebarItemUlBorderColor() {
|
199 | return this.bahColors.customBlue5;
|
200 | },
|
201 | get bahSidebarItemUlTextColor() {
|
202 | return this.bahColors.white2;
|
203 | },
|
204 | get bahSidebarItemLabelTextColor() {
|
205 | return this.bahColors.white2;
|
206 | },
|
207 | get bahSidebarItemUlBorderSize() {
|
208 | return '0px';
|
209 | },
|
210 | get bahSidebarItemLabelBorderSize() {
|
211 | return '0px';
|
212 | },
|
213 |
|
214 | bahNavDefaultFlexBasis: '16%',
|
215 |
|
216 | bahFontFamily:
|
217 | '"Roboto", Apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, sans-serif',
|
218 | };
|
219 |
|
220 | export default theme;
|