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/src | |
| 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/src')
| -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; | ||