From 475670008f1e8eb4fe302a7562a9659abd43e36f Mon Sep 17 00:00:00 2001 From: Spencer Imbleau Date: Sat, 14 May 2022 13:53:13 -0400 Subject: Added auto-mode for blue --- sass/skins/_blueauto.scss | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 sass/skins/_blueauto.scss (limited to 'sass/skins') 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 + } +} -- cgit v1.3.1