Change colour-scheme mixin to require variable

scss/utilities/_mixins.scss

@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 @mixin reset {
     margin: 0;
     padding: 0;
@@ -5,8 +7,10 @@
 
 // @include color-scheme() {}
 @mixin color-scheme($value: dark) {
-    @media (prefers-color-scheme: $value) {
+    @if $color-schemes {
-        @content;
+        @media (prefers-color-scheme: $value) {
+            @content;
+        }
     }
 }
 

scss/utilities/_variables.scss

@@ -1,4 +1,6 @@
 // Variables
+$color-schemes: false; // true/false, to enable/disable light/dark colour themes. All default styling is for 'light'
+
 $media-xs: 360px;
 $media-sm: 540px;
 $media-md: 768px;
@@ -32,6 +34,7 @@ $color-text-secondary: #999;
 $color-text-secondary--dark: #aaa;
 
 $color-scrollbar: #cacae8;
+$color-scrollbar--dark: #cacae8;
 $font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 
 $justify-important: center;