aboutsummaryrefslogtreecommitdiff
path: root/sass/themes
diff options
context:
space:
mode:
authorJieiku2022-05-30 22:03:38 -0700
committerJieiku2022-05-30 22:03:38 -0700
commit8b8fb90f0fd3163406d660d7861abcb39e74793b (patch)
tree8df9d9d0332a84f6fbd1a098268ab732de05e8ef /sass/themes
parent2ef7c0ec1ff976b807691fea23eaaf5ea1e93bc9 (diff)
downloadabridge-8b8fb90f0fd3163406d660d7861abcb39e74793b.tar.gz
abridge-8b8fb90f0fd3163406d660d7861abcb39e74793b.tar.bz2
abridge-8b8fb90f0fd3163406d660d7861abcb39e74793b.zip
Update Readme and Formatting
Diffstat (limited to 'sass/themes')
-rw-r--r--sass/themes/_auto.scss23
-rw-r--r--sass/themes/_dark.scss19
-rw-r--r--sass/themes/_light.scss13
3 files changed, 29 insertions, 26 deletions
diff --git a/sass/themes/_auto.scss b/sass/themes/_auto.scss
index 0997d76..012aa9b 100644
--- a/sass/themes/_auto.scss
+++ b/sass/themes/_auto.scss
@@ -3,22 +3,23 @@
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
--fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
--lh: 1.5; //line-height
+ --lhh: 1.2; //line-height headers
--fs: 1rem; //font-size
--fw: 400; //font-weight
--fh: 700; //font-weight h1-h6
// Colors
- --f1: #555; //font color 1 bbb ccc
- --f2: #333; //font color 2 fff eee
+ --f1: #555; //font color 1 bbb ccc
+ --f2: #333; //font color 2 fff eee
- --c1: #fff; //color 1 111
+ --c1: #fff; //color 1 111
--c2: #eee; //color 2 222
--c3: #ddd; //color 3 333
--c4: #777; //color 4 888
- --a1: #f90; //accent color 1 link
- --a2: #fb0; //accent color 2 hover,focus
- --a3: #fb0; //accent color 3 h1-h2 hover,focus
+ --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
@@ -58,15 +59,15 @@
}
}
@media (prefers-color-scheme: dark) {
- :root {
- --f1: #ccc; //font color 1
- --f2: #ddd; //font color 2
+ :root {
+ --f1: #ccc; //font color 1
+ --f2: #ddd; //font color 2
- --c1: #111; //color 1
+ --c1: #111; //color 1
--c2: #222; //color 2
--c3: #333; //color 3
--c4: #888; //color 4
- }
+ }
}
// Responsives spacings
diff --git a/sass/themes/_dark.scss b/sass/themes/_dark.scss
index d05c111..1fef7c3 100644
--- a/sass/themes/_dark.scss
+++ b/sass/themes/_dark.scss
@@ -3,22 +3,23 @@
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
--fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
--lh: 1.5; //line-height
+ --lhh: 1.2; //line-height headers
--fs: 1rem; //font-size
--fw: 400; //font-weight
--fh: 700; //font-weight h1-h6
// Colors
- --f1: #ccc; //font color 1
- --f2: #ddd; //font color 2
+ --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
+ --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
+ --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
index 2538391..127073c 100644
--- a/sass/themes/_light.scss
+++ b/sass/themes/_light.scss
@@ -3,22 +3,23 @@
--ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
--fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
--lh: 1.5; //line-height
+ --lhh: 1.2; //line-height headers
--fs: 1rem; //font-size
--fw: 400; //font-weight
--fh: 700; //font-weight h1-h6
// Colors
- --f1: #555; //font color 1 bbb ccc
- --f2: #333; //font color 2 fff eee
+ --f1: #555; //font color 1 bbb ccc
+ --f2: #333; //font color 2 fff eee
- --c1: #fff; //color 1 111
+ --c1: #fff; //color 1 111
--c2: #eee; //color 2 222
--c3: #ddd; //color 3 333
--c4: #777; //color 4 888
- --a1: #f90; //accent color 1 link
- --a2: #fb0; //accent color 2 hover,focus
- --a3: #fb0; //accent color 3 h1-h2 hover,focus
+ --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