diff --git a/_sass/base.scss b/_sass/base.scss
index f02880c..0068d71 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -1,6 +1,10 @@
 // Base element style overrides
 // stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
 
+:root {
+  color-scheme: $color-scheme;
+}
+
 * {
   box-sizing: border-box;
 }
diff --git a/_sass/color_schemes/dark.scss b/_sass/color_schemes/dark.scss
index 0e444b7..6d0999b 100644
--- a/_sass/color_schemes/dark.scss
+++ b/_sass/color_schemes/dark.scss
@@ -1,3 +1,4 @@
+$color-scheme: dark;
 $body-background-color: $grey-dk-300;
 $body-heading-color: $grey-lt-000;
 $body-text-color: $grey-lt-300;
diff --git a/_sass/color_schemes/light.scss b/_sass/color_schemes/light.scss
index 64bbd3a..799e9c6 100644
--- a/_sass/color_schemes/light.scss
+++ b/_sass/color_schemes/light.scss
@@ -1,3 +1,4 @@
+$color-scheme: light !default;
 $body-background-color: $white !default;
 $body-heading-color: $grey-dk-300 !default;
 $body-text-color: $grey-dk-100 !default;