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/default/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/default/index.ts')
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts new file mode 100644 index 000000000..b22730413 --- /dev/null +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -0,0 +1,44 @@ | |||
1 | import color from 'color'; | ||
2 | |||
3 | import * as legacyStyles from '../legacy'; | ||
4 | |||
5 | export const brandPrimary = '#3498db'; | ||
6 | export const brandSuccess = '#5cb85c'; | ||
7 | export const brandInfo = '#5bc0de'; | ||
8 | export const brandWarning = '#FF9F00'; | ||
9 | export const brandDanger = '#d9534f'; | ||
10 | |||
11 | export const borderRadius = legacyStyles.themeBorderRadius; | ||
12 | export const borderRadiusSmall = legacyStyles.themeBorderRadiusSmall; | ||
13 | |||
14 | export const colorBackground = legacyStyles.themeGrayLighter; | ||
15 | export const colorContentBackground = '#FFFFFF'; | ||
16 | export const colorHeadline = legacyStyles.themeGrayDark; | ||
17 | |||
18 | export const colorText = legacyStyles.themeTextColor; | ||
19 | |||
20 | // Subscription Container Component | ||
21 | export const colorSubscriptionContainerBackground = 'none'; | ||
22 | export const colorSubscriptionContainerBorder = `1px solid ${brandPrimary}`; | ||
23 | export const colorSubscriptionContainerTitle = brandPrimary; | ||
24 | export const colorSubscriptionContainerActionButtonBackground = brandPrimary; | ||
25 | export const colorSubscriptionContainerActionButtonColor = '#FFF'; | ||
26 | |||
27 | // Loader | ||
28 | export const colorAppLoaderSpinner = '#FFF'; | ||
29 | export const colorFullscreenLoaderSpinner = legacyStyles.themeGrayDark; | ||
30 | export const colorWebviewLoaderBackground = color(legacyStyles.themeGrayLighter).alpha(0.8).rgb().string(); | ||
31 | |||
32 | // Input | ||
33 | export const labelColor = legacyStyles.themeGrayLight; | ||
34 | export const inputColor = legacyStyles.themeGray; | ||
35 | export const inputHeight = '35px'; | ||
36 | export const inputFontSize = '14px'; | ||
37 | export const inputBackground = legacyStyles.themeGrayLightest; | ||
38 | export const inputBorder = `1px solid ${legacyStyles.themeGrayLighter}`; | ||
39 | export const inputModifierColor = legacyStyles.themeGrayLight; | ||
40 | export const inputPlaceholderColor = color(legacyStyles.themeGrayLight).lighten(0.3).hex(); | ||
41 | export const inputPrefixColor = legacyStyles.themeGrayLight; | ||
42 | export const inputPrefixBackground = legacyStyles.themeGrayLighter; | ||
43 | export const inputDisabledOpacity = 0.5; | ||
44 | export const inputScorePasswordBackground = legacyStyles.themeGrayLighter; | ||