Add Theme Switcher

1 files changed, 20 insertions, 45 deletions

diff --git a/sass/abridge.scss b/sass/abridge.scss
index 6f20445..5aefad5 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -1,5 +1,5 @@
 @import "imports";
-
+@import "syntax/syntax-abridge";
 //@import "fonts/Arimo";
 //@import "fonts/Lato";
 @import "fonts/Roboto";
@@ -8,53 +8,28 @@
 :root {
   --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace;
-
-  --f1: #444; // Primary Font color
-  --f2: #333; // Headers Font color
-
-  --c1: #fff; // Primary Background Color
-  --c2: #eee; // Secondary Background Color
-  --c3: #ddd; // Table Rows, Block quote edge, Borders
-  --c4: #767676; // Disabled Buttons, Borders, mark background
-
-  --a1: #c40; // accent color 1 links
-  --a2: #e60; // accent color 2 hover,focus
-  --a3: #e60; // accent color 3 h1-h2 hover,focus
-
+  --f1: #ccc;// Font Color Primary
+  --f2: #ddd;// Font color Headers
+  --c1: #111;// Background Color Primary
+  --c2: #222;// Background Color Secondary
+  --c3: #333;// Table Rows, Block quote edge, Borders
+  --c4: #888;// Disabled Buttons, Borders, mark background
+  --a1: #f90;// link color
+  --a2: #fb0;// link hover/focus color
+  --a3: #f90;// link h1-h2 hover/focus color
   --cg: #483; // ins green, success
   --cr: #d33; // del red, errors
 }
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   :root {
-    --f1: #ccc; // Primary Font color
-    --f2: #ddd; // Headers Font color
-
-    --c1: #111; // Primary Background Color
-    --c2: #222; // Secondary Background Color
-    --c3: #333; // Table Rows, Block quote edge, Borders
-    --c4: #888; // Disabled Buttons, Borders, mark background
-
-    --a1: #f90; // accent color 1 links
-    --a2: #fb0; // accent color 2 hover,focus
-    --a3: #f90; // accent color 3 h1-h2 hover,focus
+    --f1: #444;// Font Color Primary
+    --f2: #333;// Font color Headers
+    --c1: #fff;// Background Color Primary
+    --c2: #eee;// Background Color Secondary
+    --c3: #ddd;// Table Rows, Block quote edge, Borders
+    --c4: #677;// Disabled Buttons, Borders, mark background
+    --a1: #c40;// link color
+    --a2: #e60;// link hover/focus color
+    --a3: #f90;// link h1-h2 hover/focus color
   }
 }
-
-@import "syntax/_abridge-dark";
-//@import "syntax/_abridge-light";
-//@import "syntax/_abridge-white";
-//@import "syntax/_ayu_mirage-dark-abridge";
-//@import "syntax/_ayu_mirage-light-abridge";
-//@import "syntax/_ayu_mirage-white-abridge";
-//@import "syntax/_ayu-dark-abridge";
-//@import "syntax/_ayu-light-abridge";
-//@import "syntax/_ayu-white-abridge";
-//@import "syntax/_charcoal-dark-abridge";
-//@import "syntax/_charcoal-light-abridge";
-//@import "syntax/_charcoal-white-abridge";
-//@import "syntax/_dracula-dark-abridge";
-//@import "syntax/_dracula-light-abridge";
-//@import "syntax/_dracula-white-abridge";
-//@import "syntax/_material-dark-abridge";
-//@import "syntax/_material-light-abridge";
-//@import "syntax/_material-white-abridge";
\ No newline at end of file