diff options
author | 2019-01-03 16:46:40 +0100 | |
---|---|---|
committer | 2019-01-03 16:46:40 +0100 | |
commit | ad585791493b09609be885e0304d987a0382db9a (patch) | |
tree | b36509117e1e60f827a56a2caec12e566e015274 /packages/theme/src/themes/dark/index.ts | |
parent | Add lerna (diff) | |
download | ferdium-app-ad585791493b09609be885e0304d987a0382db9a.tar.gz ferdium-app-ad585791493b09609be885e0304d987a0382db9a.tar.zst ferdium-app-ad585791493b09609be885e0304d987a0382db9a.zip |
Add theme
Diffstat (limited to 'packages/theme/src/themes/dark/index.ts')
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts new file mode 100644 index 000000000..7eac5a3c3 --- /dev/null +++ b/packages/theme/src/themes/dark/index.ts | |||
@@ -0,0 +1,26 @@ | |||
1 | import color from 'color'; | ||
2 | |||
3 | import * as legacyStyles from '../legacy'; | ||
4 | |||
5 | export const colorBackground = legacyStyles.darkThemeGrayDarkest; | ||
6 | export const colorContentBackground = legacyStyles.darkThemeGrayDarkest; | ||
7 | export const colorBackgroundSubscriptionContainer = legacyStyles.themeBrandInfo; | ||
8 | |||
9 | export const colorHeadline = legacyStyles.darkThemeTextColor; | ||
10 | export const colorText = legacyStyles.darkThemeTextColor; | ||
11 | |||
12 | // Loader | ||
13 | export const colorFullscreenLoaderSpinner = '#FFF'; | ||
14 | export const colorWebviewLoaderBackground = color(legacyStyles.darkThemeGrayDarkest).alpha(0.5).rgb().string(); | ||
15 | |||
16 | // Input | ||
17 | export const labelColor = legacyStyles.darkThemeTextColor; | ||
18 | export const inputColor = legacyStyles.darkThemeGrayLightest; | ||
19 | export const inputBackground = legacyStyles.themeGrayDark; | ||
20 | export const inputBorder = `1px solid ${legacyStyles.darkThemeGrayLight}`; | ||
21 | export const inputPrefixColor = color(legacyStyles.darkThemeGrayLighter).lighten(0.3).hex(); | ||
22 | export const inputPrefixBackground = legacyStyles.darkThemeGray; | ||
23 | export const inputDisabledOpacity = 0.5; | ||
24 | export const inputScorePasswordBackground = legacyStyles.darkThemeGrayDark; | ||
25 | export const inputModifierColor = color(legacyStyles.darkThemeGrayLighter).lighten(0.3).hex(); | ||
26 | export const inputPlaceholderColor = color(legacyStyles.darkThemeGrayLighter).darken(0.1).hex(); | ||