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 --- 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 ---------------------- 12 files changed, 107 insertions(+), 107 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 (limited to 'sass') 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