diff options
author | sijanec <anton@sijanec.eu> | 2021-03-29 23:47:36 +0200 |
---|---|---|
committer | sijanec <anton@sijanec.eu> | 2021-03-29 23:47:36 +0200 |
commit | 121b0c02dbe06a418d740ef39f2645b58376abc8 (patch) | |
tree | cc990e65045af4ec794db10d1cf0d295ce2e1f1c /_sass | |
parent | posodovitev članka "znebi se usmerjevalnika\!" (diff) | |
download | sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar.gz sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar.bz2 sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar.lz sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar.xz sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.tar.zst sijanec.eu-121b0c02dbe06a418d740ef39f2645b58376abc8.zip |
Diffstat (limited to '_sass')
-rw-r--r-- | _sass/main.scss | 64 |
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); } |