From 0c213684ead5d3c4a14a17d2e06a6a31188b6a55 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Tue, 31 May 2022 02:54:13 -0700
Subject: Add UglyUrls for Local Build, Restructure SCSS

---
 sass/abridge.scss | 60 +++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 41 insertions(+), 19 deletions(-)

(limited to 'sass/abridge.scss')

diff --git a/sass/abridge.scss b/sass/abridge.scss
index 8d3aa25..322c16a 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -1,20 +1,42 @@
-/*
- * 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 "skins/abridge-auto"; // Automatic Dark/Light Theme based on browser/system preference
-@import "skins/abridge_fonts.scss"; // Local Fonts
-
+@import "variables"; // config
 @import "imports"; // html
+
+//@import "fonts/Arimo";
+//@import "fonts/Lato";
+@import "fonts/Roboto";
+//@import "fonts/FiraCode"; // Monospaced
+
+: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
+
+  --cg: #483; // ins green, success
+  --cr: #d33; // del red, errors
+}
+@media (prefers-color-scheme: dark) {
+  :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
+  }
+}
-- 
cgit v1.3.1