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
|
// theme definitions
// TODO: define dark theme
export const dark = rawTheme => ({
...rawTheme,
COLOR_BG_PRIMARY: rawTheme.COLOR_WHITE,
COLOR_BG_SECONDARY: rawTheme.COLOR_LIGHT_GRAY,
COLOR_BG_INVERT: rawTheme.COLOR_BLACK,
COLOR_TEXT_PRIMARY: rawTheme.COLOR_BLACK,
COLOR_TEXT_SECONDARY: rawTheme.COLOR_DARK_GRAY,
COLOR_TEXT_INVERT_HIGHLIGHT: rawTheme.COLOR_WHITE,
COLOR_TEXT_INVERT_PRIMARY: rawTheme.COLOR_GRAY,
COLOR_TEXT_INVERT_SECONDARY: rawTheme.COLOR_DARK_GRAY,
COLOR_TEXT_ACTIVE: rawTheme.COLOR_BLUE,
COLOR_TEXT_INACTIVE: rawTheme.COLOR_GRAY,
COLOR_BORDER_ACTIVE: rawTheme.COLOR_DARK_GRAY,
COLOR_BORDER_PRIMARY: rawTheme.COLOR_GRAY,
COLOR_BORDER_SECONDARY: rawTheme.COLOR_DIM_GRAY,
COLOR_BORDER_OPTIONAL: rawTheme.COLOR_LIGHT_GRAY,
});
export const light = rawTheme => ({
...rawTheme,
COLOR_BG_PRIMARY: rawTheme.COLOR_WHITE,
COLOR_BG_SECONDARY: rawTheme.COLOR_LIGHT_GRAY,
COLOR_BG_INVERT: rawTheme.COLOR_BLACK,
COLOR_TEXT_PRIMARY: rawTheme.COLOR_BLACK,
COLOR_TEXT_SECONDARY: rawTheme.COLOR_DARK_GRAY,
COLOR_TEXT_INVERT_HIGHLIGHT: rawTheme.COLOR_WHITE,
COLOR_TEXT_INVERT_PRIMARY: rawTheme.COLOR_GRAY,
COLOR_TEXT_INVERT_SECONDARY: rawTheme.COLOR_DARK_GRAY,
COLOR_TEXT_ACTIVE: rawTheme.COLOR_BLUE,
COLOR_TEXT_INACTIVE: rawTheme.COLOR_GRAY,
COLOR_BORDER_ACTIVE: rawTheme.COLOR_DARK_GRAY,
COLOR_BORDER_PRIMARY: rawTheme.COLOR_GRAY,
COLOR_BORDER_SECONDARY: rawTheme.COLOR_DIM_GRAY,
COLOR_BORDER_OPTIONAL: rawTheme.COLOR_DIM_GRAY,
});
|