diff options
author | 2019-01-14 22:26:37 +0100 | |
---|---|---|
committer | 2019-01-14 22:26:37 +0100 | |
commit | b168fb7ced4c117a4d4be45bb2f42c30b2a00563 (patch) | |
tree | 1a457c41ce743daaafdbeb597f86327291f9e7c7 /packages/theme/src/themes/default/index.ts | |
parent | Add buttons (diff) | |
download | ferdium-app-b168fb7ced4c117a4d4be45bb2f42c30b2a00563.tar.gz ferdium-app-b168fb7ced4c117a4d4be45bb2f42c30b2a00563.tar.zst ferdium-app-b168fb7ced4c117a4d4be45bb2f42c30b2a00563.zip |
Update theme
Diffstat (limited to 'packages/theme/src/themes/default/index.ts')
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 28 |
1 files changed, 27 insertions, 1 deletions
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index ea218cd8f..92b82cff1 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -8,6 +8,8 @@ export const brandInfo = '#5bc0de'; | |||
8 | export const brandWarning = '#FF9F00'; | 8 | export const brandWarning = '#FF9F00'; |
9 | export const brandDanger = '#d9534f'; | 9 | export const brandDanger = '#d9534f'; |
10 | 10 | ||
11 | export const uiFontSize = 14; | ||
12 | |||
11 | export const borderRadius = legacyStyles.themeBorderRadius; | 13 | export const borderRadius = legacyStyles.themeBorderRadius; |
12 | export const borderRadiusSmall = legacyStyles.themeBorderRadiusSmall; | 14 | export const borderRadiusSmall = legacyStyles.themeBorderRadiusSmall; |
13 | 15 | ||
@@ -33,7 +35,6 @@ export const colorWebviewLoaderBackground = color(legacyStyles.themeGrayLighter) | |||
33 | export const labelColor = legacyStyles.themeGrayLight; | 35 | export const labelColor = legacyStyles.themeGrayLight; |
34 | export const inputColor = legacyStyles.themeGray; | 36 | export const inputColor = legacyStyles.themeGray; |
35 | export const inputHeight = '35px'; | 37 | export const inputHeight = '35px'; |
36 | export const inputFontSize = '14px'; | ||
37 | export const inputBackground = legacyStyles.themeGrayLightest; | 38 | export const inputBackground = legacyStyles.themeGrayLightest; |
38 | export const inputBorder = `1px solid ${legacyStyles.themeGrayLighter}`; | 39 | export const inputBorder = `1px solid ${legacyStyles.themeGrayLighter}`; |
39 | export const inputModifierColor = legacyStyles.themeGrayLight; | 40 | export const inputModifierColor = legacyStyles.themeGrayLight; |
@@ -49,3 +50,28 @@ export const toggleButton = legacyStyles.themeGrayLight; | |||
49 | export const toggleButtonActive = brandPrimary; | 50 | export const toggleButtonActive = brandPrimary; |
50 | export const toggleWidth = 40; | 51 | export const toggleWidth = 40; |
51 | export const toggleHeight = 14; | 52 | export const toggleHeight = 14; |
53 | |||
54 | // Button | ||
55 | export const buttonPrimaryBackground = brandPrimary; | ||
56 | export const buttonPrimaryTextColor = '#FFF'; | ||
57 | |||
58 | export const buttonSecondaryBackground = legacyStyles.themeGrayLighter; | ||
59 | export const buttonSecondaryTextColor = legacyStyles.themeGray; | ||
60 | |||
61 | export const buttonDangerBackground = brandDanger; | ||
62 | export const buttonDangerTextColor = '#FFF'; | ||
63 | |||
64 | export const buttonWarningBackground = brandWarning; | ||
65 | export const buttonWarningTextColor = '#FFF'; | ||
66 | |||
67 | export const buttonInvertedBackground = 'none'; | ||
68 | export const buttonInvertedTextColor = brandPrimary; | ||
69 | export const buttonInvertedBorder = `1px solid ${brandPrimary}`; | ||
70 | |||
71 | export const buttonLoaderColor = { | ||
72 | primary: '#FFF', | ||
73 | secondary: buttonSecondaryTextColor, | ||
74 | warning: '#FFF', | ||
75 | danger: '#FFF', | ||
76 | inverted: brandPrimary, | ||
77 | }; | ||