-
Notifications
You must be signed in to change notification settings - Fork 2
/
theme.ts
74 lines (71 loc) · 1.81 KB
/
theme.ts
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
import {TWeights} from '../../typography';
import {IDefaultTheme} from '../types';
import {getShadows} from '../shadows/getShadows';
import {defaultSpaces} from './defaultSpaces';
import {
defaultBannerDarkColor,
defaultBannerLightColor,
defaultBgDarkColor,
defaultBgLightColor,
defaultBorderDarkColor,
defaultBorderLightColor,
defaultCategoryDarkColor,
defaultCategoryLightColor,
defaultChartDarkColor,
defaultChartLightColor,
defaultCTADarkColor,
defaultCTALightColor,
defaultElementDarkColor,
defaultElementLightColor,
defaultIconDarkColor,
defaultIconLightColor,
defaultTextDarkColor,
defaultTextLightColor,
} from './colors';
export enum CurrentTheme {
light = 'light',
dark = 'dark',
}
export const defaultFonts: TWeights = {
Regular: 'Inter-Regular',
Medium: 'Inter-Medium',
SemiBold: 'Inter-SemiBold',
Bold: 'Inter-Bold',
Italic: 'Inter-Italic',
BoldItalic: 'Inter-BoldItalic',
};
export const defaultTheme: IDefaultTheme = {
currentTheme: CurrentTheme.light,
colors: {
[CurrentTheme.light]: {
...defaultTextLightColor,
...defaultElementLightColor,
...defaultIconLightColor,
...defaultBgLightColor,
...defaultCTALightColor,
...defaultBorderLightColor,
...defaultChartLightColor,
...defaultCategoryLightColor,
...defaultBannerLightColor,
},
[CurrentTheme.dark]: {
...defaultTextDarkColor,
...defaultElementDarkColor,
...defaultIconDarkColor,
...defaultBgDarkColor,
...defaultCTADarkColor,
...defaultBorderDarkColor,
...defaultChartDarkColor,
...defaultCategoryDarkColor,
...defaultBannerDarkColor,
},
},
spaces: {
...defaultSpaces,
},
fonts: defaultFonts,
shadows: getShadows({
spaces: defaultSpaces,
currentTheme: CurrentTheme.light,
}),
};