diff options
| author | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2021-03-13 00:21:21 +0300 |
|---|---|---|
| committer | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2021-03-13 00:21:21 +0300 |
| commit | 040442409e142583a6eef7bfc8a8ac579cead3ac (patch) | |
| tree | b5bffcdf13a4c2004176b01f766ff5c204c2bcae | |
| parent | 9022435325cdaac288f5982df9c52956b9fed83c (diff) | |
| download | saucesource.cc-040442409e142583a6eef7bfc8a8ac579cead3ac.tar.gz saucesource.cc-040442409e142583a6eef7bfc8a8ac579cead3ac.zip | |
media print and prefers-color-scheme: dark
| -rw-r--r-- | sass/css/_colors.scss | 12 | ||||
| -rw-r--r-- | sass/css/main.scss | 74 | ||||
| -rw-r--r-- | templates/base.html | 3 |
3 files changed, 81 insertions, 8 deletions
diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss index f1e6a74..c39f3ac 100644 --- a/sass/css/_colors.scss +++ b/sass/css/_colors.scss @@ -14,10 +14,10 @@ $l_brand: #b69410; /* dark theme */ -$d_bg0: #000000; -$d_bg1: #0a0a0f; -$d_fg0: #e5e9f0; +$d_bg0: #151515; +$d_bg1: #33333a; +$d_fg0: #fefefe; $d_fg1: #e5e9f0; -$d_link_normal: #3f6e90; -$d_link_hover: #63a9cc; -$d_link_visited: #9C6992; +$d_link_normal: #81acc1; +$d_link_hover: #3f6e90; +$d_link_visited: #b48ead; diff --git a/sass/css/main.scss b/sass/css/main.scss index 5ad547a..88060ac 100644 --- a/sass/css/main.scss +++ b/sass/css/main.scss @@ -178,3 +178,77 @@ a:hover.button, padding: 0; } } + +@media (prefers-color-scheme: dark) { + html, + body { + background-color: $d_bg0; + } + + h1, + h2, + h3, + h4, + h5, + h6, + ul, + ol, + li, + p, + sup, + sub { + color: $d_fg0; + } + + a { + color: $d_link_normal; + } + + a:visited { + color: $d_link_visited; + } + + a:hover { + color: $d_link_hover; + } + + .brand > a, + .brand > a:visited { + color: $d_link_hover; + } + + .navbar { + background-color: $d_bg1; + } + + .publish-date { + color: $d_fg1; + } + + .footnote-definition:first-of-type { + border-top: 1px solid $d_fg1; + } + + a.button, + .paginator a { + background-color: $d_link_normal; + color: $d_bg0; + } + + pre { + color: $d_fg0; + } +} + +@media print { + .navbar, + .author-links, + .footer-container { + display: none; + } + + a[href] { + text-decoration: none; + color: $l_fg0; + } +} diff --git a/templates/base.html b/templates/base.html index 43bf603..f375a5f 100644 --- a/templates/base.html +++ b/templates/base.html @@ -50,8 +50,7 @@ Есть вопросы? Напиши мне на <a href="yps@yaroslavps.com">yps@yaroslavps.com</a>, или глянь в список рассылки - <a - href="https://lists.sr.ht/~yaroslav/saucesource.cc-comments">здесь</a>. + <a href="https://lists.sr.ht/~yaroslav/saucesource.cc-comments">здесь</a>. {% elif lang == "es" %} ¿Dudas, preguntas? Envíame un correo electrónico a <a href="yps@yaroslavps.com">yps@yaroslavps.com</a>, o hechale un |