add dark section (#121)

It is a dark css theme that almost match the dark arc-theme of Codeberg.
https://codeberg.org/unknown/dark_theme_codeberg_documentation

Co-authored-by: unknown <code@zaclys.net>
Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/121
Co-authored-by: unknown <unknown@noreply.codeberg.org>
Co-committed-by: unknown <unknown@noreply.codeberg.org>
This commit is contained in:
unknown 2021-05-13 14:57:34 +02:00 committed by Otto Richter
parent 08def1e3f2
commit f4a983d307

View file

@ -121,3 +121,31 @@ footer { background: #f5f5f5; text-align: center; font-size: 8pt; padding: 15px;
from { opacity: 0; }
to { opacity: 1; }
}
@media (prefers-color-scheme: dark) {
#logo-heading { color: #94cddc; }
html, body { background-color: #373B49; color: #9ba8bb; }
footer { background: #0b0b0b; color: #bbb; }
footer a { color: #36aaff; }
footer a:visited { color: #86afcc; }
.action-buttons a { color: #9cd9e8; }
:link { color: #449ddc; }
:visited { color: #5d8499; }
:link:active, :visited:active { color: #828f55; }
code, pre { color: #9eaa96 !important; }
article h1 { color: #c6cfee; text-decoration: underline; }
article h2, article h3, article h4, article h5 { color: #c6cfee; }
article code { background: #2e3440; color: #9eaa96; }
article hr { border: 1px solid #91bbdb; }
article blockquote, article pre { background: #21242d; border-left: 5px solid #355379; color: #7f8a95; }
#sidebar { background: #2c303c; color: #879cb3; }
#sidebar nav a { color: #8aa9b9; }
#sidebar .nav-section a { background: #304862; font-size: 12pt; }
#sidebar .nav-section:hover a, #sidebar .nav-section.active a { background: #20374f; }
}