#151, move SCSS vars to CSS vars, implement dark and light modes by browser preference

2020-09-14 00:02:55 +02:00
parent 6beca7928c
commit 4e34988b5d
15 changed files with 100 additions and 66 deletions
@@ -1,10 +0,0 @@
-$gray-100: rgba(255, 255, 255, 0.1);
-$gray-200: rgba(255, 255, 255, 0.2);
-
-$body-background: #343a40;
-$body-font-color: #e9ecef;
-
-$color-link: #84b2ff;
-$color-visited-link: #b88dff;
-
-$icon-filter: brightness(0) invert(1);
@@ -12,15 +12,15 @@
 }

 :hover::-webkit-scrollbar-thumb {
-  background: $gray-500;
+  background: var(--gray-500);
 }

 // MS
 body {
-  -ms-overflow-style: -ms-autohiding-scrollbar
+  -ms-overflow-style: -ms-autohiding-scrollbar;
 }

 // Future
 .book-menu nav {
-  scrollbar-color: transparent $gray-500;
+  scrollbar-color: transparent var(--gray-500);
 }