ImageHover Shortcode, Font Resources

1 files changed, 41 insertions, 0 deletions

diff --git a/sass/skins/_blue-auto.scss b/sass/skins/_blue-auto.scss
new file mode 100644
index 0000000..7879b06
--- /dev/null
+++ b/sass/skins/_blue-auto.scss
@@ -0,0 +1,41 @@
+:root {
+  // Regular Fonts used by default:
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004)
+  //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401)
+
+  // Monospace Fonts used for code:
+  --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;
+  // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/
+
+  // Colors
+  --f1: #111; //font color 1
+  --f2: #222; //font color 2
+
+  --c1: #fafafa; //color 1
+  --c2: #dbe7f5; //color 2
+  --c3: #062671; //color 3
+  --c4: #03143c; //color 4
+
+  --a1: #3b7ed0; //accent color 1 link
+  --a2: #004faf; //accent color 2 hover,focus
+  --a3: #004faf; //accent color 3 h1-h2 hover,focus
+
+  --cg: #483; //ins green
+  --cr: #d33; //del red
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --f1: #ccc; //font color 1
+    --f2: #ddd; //font color 2
+
+    --c1: #111; //color 1
+    --c2: #1a274a; //color 2
+    --c3: #404d69; //color 3
+    --c4: #2c3957; //color 4
+
+    --a1: #2f7ddb; //accent color 1 link
+    --a2: #4d9dff; //accent color 2 hover,focus
+    --a3: #4d9dff; //accent color 3 h1-h2 hover,focus
+  }
+}