diff --git a/styles/themes.scss b/styles/themes.scss
index 37b5b400..8c97d957 100644
--- a/styles/themes.scss
+++ b/styles/themes.scss
@@ -38,6 +38,8 @@
   --select-bg: #{$select--bg--light};
   --select-contained-bg: #{$select--contained--bg--light};
   --select-contained-bg-hover: #{$select--contained--bg--light--hover};
+  --select-modal-bg: #{$select--modal--bg--light};
+  --select-modal-bg-hover: #{$select--modal--bg--light--hover};
   --select-separator: #{$select--separator--light};
   --option-bg-hover: #{$option--bg--light--hover};
 
@@ -72,6 +74,9 @@
   --subaura-orange-secondary: #{$subaura--orange--secondary--light};
   --subaura-orange-text: #{$subaura--orange--text--light};
 
+  // Light - Element Toggle
+  --toggle-stroke: #{$toggle--stroke--light};
+
   --grid-border-color: #{$grid--border--color--light};
 
   --wind-hover-bg: #{$wind-bg-20};
@@ -128,6 +133,8 @@
   --select-bg: #{$select--bg--dark};
   --select-contained-bg: #{$select--contained--bg--dark};
   --select-contained-bg-hover: #{$select--contained--bg--dark--hover};
+  --select-modal-bg: #{$select--modal--bg--dark};
+  --select-modal-bg-hover: #{$select--modal--bg--dark--hover};
   --select-separator: #{$select--separator--dark};
   --option-bg-hover: #{$option--bg--dark--hover};
 
@@ -162,6 +169,9 @@
   --subaura-orange-secondary: #{$subaura--orange--secondary--dark};
   --subaura-orange-text: #{$subaura--orange--text--dark};
 
+  // Dark - Element Toggle
+  --toggle-stroke: #{$toggle--stroke--dark};
+
   --grid-border-color: #{$grid--border--color--dark};
 
   --wind-hover-bg: #{$wind-bg-00};
diff --git a/styles/variables.scss b/styles/variables.scss
index 987c33e2..2a0c7f9a 100644
--- a/styles/variables.scss
+++ b/styles/variables.scss
@@ -34,6 +34,7 @@ $grey-55: #888;
 $grey-60: #a9a9a9;
 $grey-70: #c6c6c6;
 $grey-80: #e9e9e9;
+$grey-85: #efefef;
 $grey-90: #f5f5f5;
 $grey-95: #fafafa;
 $grey-100: white;
@@ -133,7 +134,7 @@ $menu--text--dark--hover: $grey-15;
 $button--bg--light: $grey-80;
 $button--bg--light--hover: $grey-100;
 $button--bg--light--disabled: $grey-50;
-$button--contained--bg--light: $grey-90;
+$button--contained--bg--light: $grey-85;
 $button--contained--bg--light--hover: $grey-80;
 
 $button--bg--dark: $grey-00;
@@ -155,7 +156,7 @@ $input--bg--light--hover: $grey-95;
 $input--bg--dark: $grey-40;
 $input--bg--dark--hover: $grey-30;
 
-$input--bound--bg--light: $grey-90;
+$input--bound--bg--light: $grey-85;
 $input--bound--bg--light--hover: $grey-80;
 $input--bound--bg--dark: $grey-15;
 $input--bound--bg--dark--hover: $grey-25;
@@ -163,12 +164,20 @@ $input--bound--bg--dark--hover: $grey-25;
 // Color Definitions: Select
 $select--bg--light: $grey-100;
 $select--bg--dark: $grey-10;
+
 $select--contained--bg--light: $grey-90;
-$select--contained--bg--dark: $grey-05;
 $select--contained--bg--light--hover: $grey-80;
+$select--contained--bg--dark: $grey-05;
 $select--contained--bg--dark--hover: $grey-00;
+
+$select--modal--bg--light: $grey-85;
+$select--modal--bg--light--hover: $grey-80;
+$select--modal--bg--dark: $grey-40;
+$select--modal--bg--dark--hover: $grey-30;
+
 $select--separator--light: $grey-90;
 $select--separator--dark: $grey-05;
+
 $option--bg--light--hover: $grey-90;
 $option--bg--dark--hover: $grey-00;
 
@@ -205,6 +214,10 @@ $subaura--orange--primary--dark: $orange-00;
 $subaura--orange--secondary--dark: $orange-10;
 $subaura--orange--text--dark: $orange-00;
 
+// Color Definitions: Element Toggle
+$toggle--stroke--light: rgba(0, 0, 0, 0.14);
+$toggle--stroke--dark: rgba(0, 0, 0, 0.8);
+
 // Color Definitions: Text
 $text--primary--color--light: $grey-40;
 $text--primary--color--dark: $grey-90;