diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-01-11 21:07:21 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-01-11 21:07:21 +0100 |
commit | 0ac2806481852249c6a2d4a032cc2c0324a58ef8 (patch) | |
tree | 03292af10a5a97b824293ff8878d2a5c821d5ed2 /packages/theme | |
parent | expose legacy styles (diff) | |
download | ferdium-app-0ac2806481852249c6a2d4a032cc2c0324a58ef8.tar.gz ferdium-app-0ac2806481852249c6a2d4a032cc2c0324a58ef8.tar.zst ferdium-app-0ac2806481852249c6a2d4a032cc2c0324a58ef8.zip |
Add toggle element to @meetfranz/forms
Diffstat (limited to 'packages/theme')
-rw-r--r-- | packages/theme/src/themes/dark/index.ts | 4 | ||||
-rw-r--r-- | packages/theme/src/themes/default/index.ts | 7 |
2 files changed, 11 insertions, 0 deletions
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts index 7eac5a3c3..0cc4caa16 100644 --- a/packages/theme/src/themes/dark/index.ts +++ b/packages/theme/src/themes/dark/index.ts | |||
@@ -24,3 +24,7 @@ export const inputDisabledOpacity = 0.5; | |||
24 | export const inputScorePasswordBackground = legacyStyles.darkThemeGrayDark; | 24 | export const inputScorePasswordBackground = legacyStyles.darkThemeGrayDark; |
25 | export const inputModifierColor = color(legacyStyles.darkThemeGrayLighter).lighten(0.3).hex(); | 25 | export const inputModifierColor = color(legacyStyles.darkThemeGrayLighter).lighten(0.3).hex(); |
26 | export const inputPlaceholderColor = color(legacyStyles.darkThemeGrayLighter).darken(0.1).hex(); | 26 | export const inputPlaceholderColor = color(legacyStyles.darkThemeGrayLighter).darken(0.1).hex(); |
27 | |||
28 | // Toggle | ||
29 | export const toggleBackground = legacyStyles.darkThemeGray; | ||
30 | export const toggleButton = legacyStyles.darkThemeGrayLighter; | ||
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts index b22730413..ea218cd8f 100644 --- a/packages/theme/src/themes/default/index.ts +++ b/packages/theme/src/themes/default/index.ts | |||
@@ -42,3 +42,10 @@ export const inputPrefixColor = legacyStyles.themeGrayLight; | |||
42 | export const inputPrefixBackground = legacyStyles.themeGrayLighter; | 42 | export const inputPrefixBackground = legacyStyles.themeGrayLighter; |
43 | export const inputDisabledOpacity = 0.5; | 43 | export const inputDisabledOpacity = 0.5; |
44 | export const inputScorePasswordBackground = legacyStyles.themeGrayLighter; | 44 | export const inputScorePasswordBackground = legacyStyles.themeGrayLighter; |
45 | |||
46 | // Toggle | ||
47 | export const toggleBackground = legacyStyles.themeGrayLighter; | ||
48 | export const toggleButton = legacyStyles.themeGrayLight; | ||
49 | export const toggleButtonActive = brandPrimary; | ||
50 | export const toggleWidth = 40; | ||
51 | export const toggleHeight = 14; | ||