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;
 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;