1 | import { Omit } from './common-types';
|
2 | interface ColorVariants {
|
3 | main: string;
|
4 | light?: string;
|
5 | dark?: string;
|
6 | semilight?: string;
|
7 | }
|
8 | export declare const breakpoints: number[];
|
9 | export declare const space: number[];
|
10 | export declare const fontSizes: number[];
|
11 | export declare const weights: number[];
|
12 | export declare const radius = 3;
|
13 | export declare const font = "'Source Sans Pro', Arial, sans-serif";
|
14 | export declare const monospace = "'Ubuntu Mono', 'Courier New', monospace";
|
15 | export declare const lineHeight = 1.5;
|
16 | export declare const header: {
|
17 | height: string;
|
18 | };
|
19 | declare const theme: {
|
20 | breakpoints: number[];
|
21 | space: number[];
|
22 | fontSizes: number[];
|
23 | weights: number[];
|
24 | font: string;
|
25 | monospace: string;
|
26 | lineHeight: number;
|
27 | colors: {
|
28 | primary: {
|
29 | main: string;
|
30 | semilight: string;
|
31 | light: string;
|
32 | dark: string;
|
33 | };
|
34 | secondary: {
|
35 | main: string;
|
36 | semilight: string;
|
37 | light: string;
|
38 | dark: string;
|
39 | };
|
40 | tertiary: {
|
41 | main: string;
|
42 | light: string;
|
43 | semilight: string;
|
44 | dark: string;
|
45 | };
|
46 | quartenary: {
|
47 | main: string;
|
48 | light: string;
|
49 | dark: string;
|
50 | };
|
51 | danger: {
|
52 | main: string;
|
53 | semilight: string;
|
54 | light: string;
|
55 | dark: string;
|
56 | };
|
57 | warning: {
|
58 | main: string;
|
59 | semilight: string;
|
60 | light: string;
|
61 | dark: string;
|
62 | };
|
63 | success: {
|
64 | main: string;
|
65 | semilight: string;
|
66 | light: string;
|
67 | dark: string;
|
68 | };
|
69 | info: {
|
70 | main: string;
|
71 | semilight: string;
|
72 | light: string;
|
73 | dark: string;
|
74 | };
|
75 | text: {
|
76 | main: string;
|
77 | light: string;
|
78 | dark: string;
|
79 | };
|
80 | statusIdle: {
|
81 | main: string;
|
82 | };
|
83 | statusConfiguring: {
|
84 | main: string;
|
85 | };
|
86 | statusUpdating: {
|
87 | main: string;
|
88 | };
|
89 | statusPostProvisioning: {
|
90 | main: string;
|
91 | };
|
92 | statusOffline: {
|
93 | main: string;
|
94 | };
|
95 | statusInactive: {
|
96 | main: string;
|
97 | };
|
98 | gray: {
|
99 | main: string;
|
100 | light: string;
|
101 | dark: string;
|
102 | };
|
103 | };
|
104 | radius: number;
|
105 | header: {
|
106 | height: string;
|
107 | };
|
108 | global: {
|
109 | font: {
|
110 | family: string;
|
111 | size: string;
|
112 | height: number;
|
113 | };
|
114 | control: {
|
115 | disabled: {
|
116 | opacity: number;
|
117 | };
|
118 | border: {
|
119 | radius: string;
|
120 | color: string;
|
121 | };
|
122 | };
|
123 | colors: {
|
124 | focus: string;
|
125 | placeholder: string;
|
126 | };
|
127 | selected: {
|
128 | background: string;
|
129 | };
|
130 | hover: {
|
131 | background: {
|
132 | color: string;
|
133 | opacity: number;
|
134 | };
|
135 | color: {
|
136 | dark: string;
|
137 | light: string;
|
138 | };
|
139 | };
|
140 | active: {
|
141 | background: {
|
142 | color: string;
|
143 | opacity: number;
|
144 | };
|
145 | color: {
|
146 | dark: string;
|
147 | light: string;
|
148 | };
|
149 | };
|
150 | drop: {
|
151 | border: {
|
152 | radius: string;
|
153 | };
|
154 | zIndex: number;
|
155 | extend: string;
|
156 | };
|
157 | input: {
|
158 | weight: string | number;
|
159 | };
|
160 | };
|
161 | button: {
|
162 | height: string;
|
163 | font: {
|
164 | weight: string | number;
|
165 | size: string;
|
166 | };
|
167 | border: {
|
168 | width: string;
|
169 | radius: string;
|
170 | color: string;
|
171 | };
|
172 | padding: {
|
173 | horizontal: string;
|
174 | };
|
175 | };
|
176 | navBar: {
|
177 | font: {
|
178 | size: string;
|
179 | };
|
180 | };
|
181 | radioButton: {
|
182 | border: {
|
183 | width: string;
|
184 | color: {
|
185 | dark: string;
|
186 | light: string;
|
187 | };
|
188 | };
|
189 | hover: {
|
190 | border: {
|
191 | color: {
|
192 | dark: string;
|
193 | light: string;
|
194 | };
|
195 | };
|
196 | };
|
197 | check: {
|
198 | color: {
|
199 | dark: string;
|
200 | light: string;
|
201 | };
|
202 | };
|
203 | icon: {
|
204 | size: string;
|
205 | };
|
206 | gap: string;
|
207 | size: string;
|
208 | };
|
209 | select: {
|
210 | icons: {
|
211 | color: string;
|
212 | };
|
213 | control: {
|
214 | extend: string;
|
215 | };
|
216 | };
|
217 | layer: {
|
218 | container: {
|
219 | zIndex: number;
|
220 | };
|
221 | zIndex: number;
|
222 | };
|
223 | text: {
|
224 | medium: {
|
225 | size: string;
|
226 | height: number;
|
227 | };
|
228 | };
|
229 | tab: {
|
230 | extend: string;
|
231 | color: string;
|
232 | margin: string;
|
233 | border: {
|
234 | size: string;
|
235 | color: string;
|
236 | active: {
|
237 | color: string;
|
238 | };
|
239 | hover: {
|
240 | color: string;
|
241 | };
|
242 | };
|
243 | hover: {
|
244 | color: string;
|
245 | };
|
246 | active: {
|
247 | color: string;
|
248 | };
|
249 | };
|
250 | checkBox: {
|
251 | size: string;
|
252 | color: string;
|
253 | border: {
|
254 | color: {
|
255 | dark: string;
|
256 | light: string;
|
257 | };
|
258 | width: string;
|
259 | };
|
260 | check: {
|
261 | radius: string;
|
262 | thickness: string;
|
263 | };
|
264 | hover: {
|
265 | border: {
|
266 | color: {
|
267 | dark: string;
|
268 | light: string;
|
269 | };
|
270 | };
|
271 | };
|
272 | toggle: {
|
273 | color: {
|
274 | dark: string;
|
275 | light: string;
|
276 | };
|
277 | radius: string;
|
278 | size: string;
|
279 | knob: {};
|
280 | };
|
281 | };
|
282 | accordion: {
|
283 | border: {
|
284 | side: string;
|
285 | };
|
286 | };
|
287 | };
|
288 | export default theme;
|
289 | export interface Theme extends Omit<typeof theme, 'colors'> {
|
290 | header: {
|
291 | height: string;
|
292 | };
|
293 | colors: Record<string, ColorVariants>;
|
294 | }
|