UNPKG

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