From c50b91b58a57c43563fb45f2c95bb41bdb797926 Mon Sep 17 00:00:00 2001 From: Spencer Imbleau Date: Sat, 14 May 2022 13:28:56 -0400 Subject: Changed themes -> skins --- README.md | 2 +- sass/abridge-bluelight.scss | 2 +- sass/abridge-dark.scss | 2 +- sass/abridge-light.scss | 2 +- sass/abridge.scss | 2 +- sass/skins/_auto.scss | 37 +++++++++++++++++++++++++++++++++++++ sass/skins/_bluelight.scss | 22 ++++++++++++++++++++++ sass/skins/_dark.scss | 22 ++++++++++++++++++++++ sass/skins/_light.scss | 22 ++++++++++++++++++++++ sass/themes/_auto.scss | 37 ------------------------------------- sass/themes/_bluelight.scss | 22 ---------------------- sass/themes/_dark.scss | 22 ---------------------- sass/themes/_light.scss | 22 ---------------------- 13 files changed, 108 insertions(+), 108 deletions(-) create mode 100644 sass/skins/_auto.scss create mode 100644 sass/skins/_bluelight.scss create mode 100644 sass/skins/_dark.scss create mode 100644 sass/skins/_light.scss delete mode 100644 sass/themes/_auto.scss delete mode 100644 sass/themes/_bluelight.scss delete mode 100644 sass/themes/_dark.scss delete mode 100644 sass/themes/_light.scss diff --git a/README.md b/README.md index 06afb98..e39155c 100644 --- a/README.md +++ b/README.md @@ -108,7 +108,7 @@ $mb:1200px !default;// value at which to switch from fluid layout to using max-w Colors and style are handled by the sass files of [abridge.css](https://github.com/jieiku/abridge.css) -To change colors of this theme all you need to do is edit `/themes/abridge/sass/themes/_auto.scss` +To change colors of this theme all you need to do is edit `/themes/abridge/sass/skins/_auto.scss` then in the root of your site type `zola build` which will regenerate your site, this is similar to what zola serve does, except it does not facilitate serving the site. This is also the way you should generate your site to serve it by a real webserver such as nginx. diff --git a/sass/abridge-bluelight.scss b/sass/abridge-bluelight.scss index a8bdf23..c0203f0 100644 --- a/sass/abridge-bluelight.scss +++ b/sass/abridge-bluelight.scss @@ -14,6 +14,6 @@ @import "variables"; //config -@import "themes/bluelight"; // Light Theme +@import "skins/bluelight"; // Light Theme @import "imports"; // html diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss index 73327ba..279554d 100644 --- a/sass/abridge-dark.scss +++ b/sass/abridge-dark.scss @@ -14,6 +14,6 @@ @import "variables"; //config -@import "themes/dark"; // Dark Theme +@import "skins/dark"; // Dark Theme @import "imports"; // html diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss index b57caf0..6910018 100644 --- a/sass/abridge-light.scss +++ b/sass/abridge-light.scss @@ -14,6 +14,6 @@ @import "variables"; //config -@import "themes/light"; // Light Theme +@import "skins/light"; // Light Theme @import "imports"; // html diff --git a/sass/abridge.scss b/sass/abridge.scss index 4381866..8cda9cf 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -14,6 +14,6 @@ @import "variables"; //config -@import "themes/auto"; // Automatic Dark/Light Theme based on browser/system preference. +@import "skins/auto"; // Automatic Dark/Light Theme based on browser/system preference. @import "imports"; // html diff --git a/sass/skins/_auto.scss b/sass/skins/_auto.scss new file mode 100644 index 0000000..7c6109a --- /dev/null +++ b/sass/skins/_auto.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: #555; //font color 1 + --f2: #333; //font color 2 + + --c1: #fff; //color 1 + --c2: #eee; //color 2 + --c3: #ddd; //color 3 + --c4: #777; //color 4 + + --a1: #c40; //accent color 1 link + --a2: #e60; //accent color 2 hover,focus + --a3: #e60; //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: #222; //color 2 + --c3: #333; //color 3 + --c4: #888; //color 4 + + --a1: #f90; //accent color 1 link + --a2: #fb0; //accent color 2 hover,focus + --a3: #fb0; //accent color 3 h1-h2 hover,focus + } +} diff --git a/sass/skins/_bluelight.scss b/sass/skins/_bluelight.scss new file mode 100644 index 0000000..1b01b8f --- /dev/null +++ b/sass/skins/_bluelight.scss @@ -0,0 +1,22 @@ +: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: #1a1a1a; //font color 1 + --f2: #1a2050; //font color 2 + + --c1: #fafafa; //color 1 + --c2: #cae1f0; //color 2 + --c3: #062671; //color 3 + --c4: #03143c; //color 4 + + --a1: #1b549a; //accent color 1 link + --a2: #2a50a0; //accent color 2 hover,focus + --a3: #3a50a0; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_dark.scss b/sass/skins/_dark.scss new file mode 100644 index 0000000..9c4519b --- /dev/null +++ b/sass/skins/_dark.scss @@ -0,0 +1,22 @@ +: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: #ccc; //font color 1 + --f2: #ddd; //font color 2 + + --c1: #111; //color 1 + --c2: #222; //color 2 + --c3: #333; //color 3 + --c4: #888; //color 4 + + --a1: #f90; //accent color 1 link + --a2: #fb0; //accent color 2 hover,focus + --a3: #fb0; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_light.scss b/sass/skins/_light.scss new file mode 100644 index 0000000..0a51439 --- /dev/null +++ b/sass/skins/_light.scss @@ -0,0 +1,22 @@ +: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: #555; //font color 1 + --f2: #333; //font color 2 + + --c1: #fff; //color 1 + --c2: #eee; //color 2 + --c3: #ddd; //color 3 + --c4: #777; //color 4 + + --a1: #c40; //accent color 1 link + --a2: #e60; //accent color 2 hover,focus + --a3: #e60; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/themes/_auto.scss b/sass/themes/_auto.scss deleted file mode 100644 index 7c6109a..0000000 --- a/sass/themes/_auto.scss +++ /dev/null @@ -1,37 +0,0 @@ -: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: #555; //font color 1 - --f2: #333; //font color 2 - - --c1: #fff; //color 1 - --c2: #eee; //color 2 - --c3: #ddd; //color 3 - --c4: #777; //color 4 - - --a1: #c40; //accent color 1 link - --a2: #e60; //accent color 2 hover,focus - --a3: #e60; //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: #222; //color 2 - --c3: #333; //color 3 - --c4: #888; //color 4 - - --a1: #f90; //accent color 1 link - --a2: #fb0; //accent color 2 hover,focus - --a3: #fb0; //accent color 3 h1-h2 hover,focus - } -} diff --git a/sass/themes/_bluelight.scss b/sass/themes/_bluelight.scss deleted file mode 100644 index 1b01b8f..0000000 --- a/sass/themes/_bluelight.scss +++ /dev/null @@ -1,22 +0,0 @@ -: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: #1a1a1a; //font color 1 - --f2: #1a2050; //font color 2 - - --c1: #fafafa; //color 1 - --c2: #cae1f0; //color 2 - --c3: #062671; //color 3 - --c4: #03143c; //color 4 - - --a1: #1b549a; //accent color 1 link - --a2: #2a50a0; //accent color 2 hover,focus - --a3: #3a50a0; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/sass/themes/_dark.scss b/sass/themes/_dark.scss deleted file mode 100644 index 9c4519b..0000000 --- a/sass/themes/_dark.scss +++ /dev/null @@ -1,22 +0,0 @@ -: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: #ccc; //font color 1 - --f2: #ddd; //font color 2 - - --c1: #111; //color 1 - --c2: #222; //color 2 - --c3: #333; //color 3 - --c4: #888; //color 4 - - --a1: #f90; //accent color 1 link - --a2: #fb0; //accent color 2 hover,focus - --a3: #fb0; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/sass/themes/_light.scss b/sass/themes/_light.scss deleted file mode 100644 index 0a51439..0000000 --- a/sass/themes/_light.scss +++ /dev/null @@ -1,22 +0,0 @@ -: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: #555; //font color 1 - --f2: #333; //font color 2 - - --c1: #fff; //color 1 - --c2: #eee; //color 2 - --c3: #ddd; //color 3 - --c4: #777; //color 4 - - --a1: #c40; //accent color 1 link - --a2: #e60; //accent color 2 hover,focus - --a3: #e60; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} -- cgit v1.3.1