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,9 +7,11 @@
 
 // @include color-scheme() {}
 @mixin color-scheme($value: dark) {
+    @if $color-schemes {
         @media (prefers-color-scheme: $value) {
             @content;
         }
+    }
 }
 
 // @include media($media-lg) {}

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;