Add UglyUrls for Local Build, Restructure SCSS

1 files changed, 24 insertions, 17 deletions

diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss
index 961e7ac..f7f7b67 100644
--- a/sass/abridge-dark.scss
+++ b/sass/abridge-dark.scss
@@ -1,20 +1,27 @@
-/*
- * Forked from Bamboo: https://github.com/rilwis/bamboo (MIT)
- * which was forked from new.css (MIT)
- * Supplemented code from Pico.css: https://github.com/picocss/pico (MIT)
- * Supplemented code from Basic.css: https://github.com/vladocar/Basic.css (MIT)
- * Supplemented code from AttriCSS: https://github.com/raj457036/attriCSS (MIT)
- * Feather Icons: https://github.com/feathericons/feather (MIT)
- * Tabler Icons: https://github.com/tabler/tabler-icons/find/master (MIT)
- *
- * Bamboo, New, Pico: based on Normalize.css & Sanitize.css
- *  Normalize: https://github.com/necolas/normalize.css (MIT)
- *  Sanitize: https://github.com/csstools/sanitize.css (CC0 1.0 Universal)
- */
+@import "variables"; // config
+@import "imports"; // html
 
-@import "variables"; //config
+//@import "fonts/Arimo";
+//@import "fonts/Lato";
+@import "fonts/Roboto";
+//@import "fonts/FiraCode"; // Monospaced
 
-@import "skins/abridge-dark"; // Dark Theme
-@import "skins/abridge_fonts.scss"; // Local Fonts
+: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;
 
-@import "imports"; // html
+  --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
+
+  --cg: #483; // ins green, success
+  --cr: #d33; // del red, errors
+}