diff options
| -rw-r--r-- | sass/abridge-blue.scss | 19 | ||||
| -rw-r--r-- | sass/skins/_blueauto.scss | 37 |
2 files changed, 56 insertions, 0 deletions
diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss new file mode 100644 index 0000000..8d796a6 --- /dev/null +++ b/sass/abridge-blue.scss @@ -0,0 +1,19 @@ +/* + * 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/blueauto"; // Light Theme + +@import "imports"; // html diff --git a/sass/skins/_blueauto.scss b/sass/skins/_blueauto.scss new file mode 100644 index 0000000..1c4a55a --- /dev/null +++ b/sass/skins/_blueauto.scss @@ -0,0 +1,37 @@ +:root { + // Regular Fonts used by default: + --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; + // Monospace Fonts used for code: + --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; + + // 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 + } +} |
