Color Theme applies to scrollbars (#793)

* Moved more scss to use syntax to reduce css size

* Hooked in color-scheme to help brower render scroll bars appropriately depending on color scheme user selects

UI/Web/src/styles.scss

@@ -8,13 +8,6 @@
 
 @import '~swiper/swiper.scss';
 
-
-@keyframes fadein {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
-
 @import './assets/themes/dark.scss';
 
 // Global Styles
@@ -30,6 +23,14 @@ label, select, .clickable {
   color: white;
 }
 
+:root {
+  color-scheme: light;
+}
+
+// :root .bg-dark {
+//   color-scheme: dark;
+// }
+
 @font-face {
   font-family: "EBGarmond";
   src: url("assets/fonts/EBGarmond/EBGaramond-VariableFont_wght.ttf") format("truetype");
@@ -65,6 +66,11 @@ body {
   }
 }
 
+@keyframes fadein {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
 // Debug styles
 .redlines * {
   outline: 1px solid red;