diff options
author | 2018-11-24 20:15:39 +0100 | |
---|---|---|
committer | 2018-11-24 20:15:39 +0100 | |
commit | 4ea044ae6b2e27e48d45bc3be1c366f4882bbda5 (patch) | |
tree | d19064b7370cb66ef66407de082bedad4c3128d4 /src/theme | |
parent | disable import/prefer-default-export (diff) | |
download | ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.tar.gz ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.tar.zst ferdium-app-4ea044ae6b2e27e48d45bc3be1c366f4882bbda5.zip |
feat(App): Lay groundwork for general themeing support
Diffstat (limited to 'src/theme')
-rw-r--r-- | src/theme/dark/index.js | 5 | ||||
-rw-r--r-- | src/theme/default/index.js | 12 | ||||
-rw-r--r-- | src/theme/default/legacy.js | 39 |
3 files changed, 56 insertions, 0 deletions
diff --git a/src/theme/dark/index.js b/src/theme/dark/index.js new file mode 100644 index 000000000..e0e017c7c --- /dev/null +++ b/src/theme/dark/index.js | |||
@@ -0,0 +1,5 @@ | |||
1 | import * as legacyStyles from '../default/legacy'; | ||
2 | |||
3 | export const colorBackground = legacyStyles.darkThemeGrayDarkest; | ||
4 | |||
5 | export const colorHeadline = legacyStyles.darkThemeTextColor; | ||
diff --git a/src/theme/default/index.js b/src/theme/default/index.js new file mode 100644 index 000000000..f8b6e898d --- /dev/null +++ b/src/theme/default/index.js | |||
@@ -0,0 +1,12 @@ | |||
1 | import * as legacyStyles from './legacy'; | ||
2 | |||
3 | /* legacy config, injected into sass */ | ||
4 | export const themeBrandPrimary = '#3498db'; | ||
5 | export const themeBrandSuccess = '#5cb85c'; | ||
6 | export const themeBrandInfo = '#5bc0de'; | ||
7 | export const themeBrandWarning = '#FF9F00'; | ||
8 | export const themeBrandDanger = '#d9534f'; | ||
9 | |||
10 | export const colorBackground = legacyStyles.themeGrayLighter; | ||
11 | |||
12 | export const colorHeadline = legacyStyles.themeGrayDark; | ||
diff --git a/src/theme/default/legacy.js b/src/theme/default/legacy.js new file mode 100644 index 000000000..b676dc1d9 --- /dev/null +++ b/src/theme/default/legacy.js | |||
@@ -0,0 +1,39 @@ | |||
1 | /* legacy config, injected into sass */ | ||
2 | export const themeBrandPrimary = '#3498db'; | ||
3 | export const themeBrandSuccess = '#5cb85c'; | ||
4 | export const themeBrandInfo = '#5bc0de'; | ||
5 | export const themeBrandWarning = '#FF9F00'; | ||
6 | export const themeBrandDanger = '#d9534f'; | ||
7 | |||
8 | export const themeGrayDark = '#373a3c'; | ||
9 | export const themeGray = '#55595c'; | ||
10 | export const themeGrayLight = '#818a91'; | ||
11 | export const themeGrayLighter = '#eceeef'; | ||
12 | export const themeGrayLightest = '#f7f7f9'; | ||
13 | |||
14 | export const themeBorderRadius = '6px'; | ||
15 | export const themeBorderRadiusSmall = '3px'; | ||
16 | |||
17 | export const themeSidebarWidth = '68px'; | ||
18 | |||
19 | export const themeTextColor = themeGrayDark; | ||
20 | |||
21 | export const themeTransitionTime = '.5s'; | ||
22 | |||
23 | export const themeInsetShadow = 'inset 0 2px 5px rgba(0, 0, 0, .03)'; | ||
24 | |||
25 | |||
26 | export const darkThemeBlack = '#1A1A1A'; | ||
27 | |||
28 | export const darkThemeGrayDarkest = '#1E1E1E'; | ||
29 | export const darkThemeGrayDarker = '#2D2F31'; | ||
30 | export const darkThemeGrayDark = '#383A3B'; | ||
31 | |||
32 | export const darkThemeGray = '#47494B'; | ||
33 | |||
34 | export const darkThemeGrayLight = '#515355'; | ||
35 | export const darkThemeGrayLighter = '#8a8b8b'; | ||
36 | export const darkThemeGrayLightest = '#FFFFFF'; | ||
37 | |||
38 | export const darkThemeGraySmoke = '#CED0D1'; | ||
39 | export const darkThemeTextColor = '#FFFFFF'; | ||