From 0ac2806481852249c6a2d4a032cc2c0324a58ef8 Mon Sep 17 00:00:00 2001 From: Stefan Malzner Date: Fri, 11 Jan 2019 21:07:21 +0100 Subject: Add toggle element to @meetfranz/forms --- packages/theme/src/themes/dark/index.ts | 4 ++++ packages/theme/src/themes/default/index.ts | 7 +++++++ 2 files changed, 11 insertions(+) (limited to 'packages/theme/src') 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; export const inputScorePasswordBackground = legacyStyles.darkThemeGrayDark; export const inputModifierColor = color(legacyStyles.darkThemeGrayLighter).lighten(0.3).hex(); export const inputPlaceholderColor = color(legacyStyles.darkThemeGrayLighter).darken(0.1).hex(); + +// Toggle +export const toggleBackground = legacyStyles.darkThemeGray; +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; export const inputPrefixBackground = legacyStyles.themeGrayLighter; export const inputDisabledOpacity = 0.5; export const inputScorePasswordBackground = legacyStyles.themeGrayLighter; + +// Toggle +export const toggleBackground = legacyStyles.themeGrayLighter; +export const toggleButton = legacyStyles.themeGrayLight; +export const toggleButtonActive = brandPrimary; +export const toggleWidth = 40; +export const toggleHeight = 14; -- cgit v1.2.3-54-g00ecf