summaryrefslogtreecommitdiffstats
path: root/_sass/main.scss
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--_sass/main.scss64
1 files changed, 51 insertions, 13 deletions
diff --git a/_sass/main.scss b/_sass/main.scss
index ffb2fae..8a78dc7 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -1,13 +1,49 @@
+:root {
+ --bgc1: black;
+ --bgc2: #222;
+ --bgc3: #444;
+ --fgc1: white;
+ --fgc2: lightgray;
+ --fgc3: lightblue;
+ --fglinkc: #ae5;
+ --fglinkvisitedc: #0cd;
+ --fglinkhoverc: cyan;
+ --fglinkactivec: #eff;
+ --fgchilite: red;
+ --fgdecorc: yellow;
+ --fgcodec: #aed;
+ --bgcodec: var(--bgc2);
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ --bgc1: white;
+ --bgc2: gray;
+ --bgc3: darkgray;
+ --fgc1: black;
+ --fgc2: gray;
+ --fgc3: darkred;
+ --fglinkc: blue;
+ --fglinkvisitedc: purple;
+ --fglinkhoverc: darkblue;
+ --fglinkactivec: cyan;
+ --fgchilite: red;
+ --fgdecorc: darkmagenta;
+ --fgcodec: var(--bgc1);
+ --bgcodec: var(--fgc1);
+ }
+}
+
.current {
- color: red;
+ color: var(--fgchilite);
}
.dimmedtext {
- color: gray;
+ color: var(--fgc2);
}
.dimmedtext a {
- color: blue;
+ color: var(--fglinkc);
}
.textright {
@@ -20,41 +56,41 @@ table {
}
table, th, td, tr {
- border: 1px solid black;
+ border: 1px solid var(--fgdecorc);
}
a {
text-decoration: underline;
cursor: pointer;
- color: blue;
+ color: var(--fglinkc);
}
a:visited {
- color: purple;
+ color: var(--fglinkvisitedc);
}
a:hover {
- color: darkblue;
+ color: var(--fglinkhoverc);
}
a:active {
- color: lightblue;
+ color: var(--fglinkactivec);
}
/* comments begin */
.comment {
margin-left: .5em;
- border: 1px solid grey;
+ border: 1px solid var(--bgc2);
padding: .5em;
}
.odd {
- background-color: darkgrey;
+ background-color: var(--bgc3);
}
.comment small {
- color: darkred;
+ color: var(--fgc2);
}
.even {
@@ -105,9 +141,11 @@ body {
/* font-size: 18px;
line-height: 1.4; */
font-family: sans-serif;
+ background-color: var(--bgc1);
+ color: var(--fgc1);
}
code {
- color: white;
- background-color: black;
+ color: var(--fgcodec);
+ background-color: var(--bgcodec);
}