UNPKG

5.33 kBJavaScriptView Raw
1const 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 /* Form Styles */
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 /* Table Styles */
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 /* Paginate Styles */
151 get bahPaginateBackgroundColor() {
152 return this.bahColors.blue700;
153 },
154 /* Layout Styles */
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 /* Sidebar */
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
220export default theme;