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:
parent
08def1e3f2
commit
f4a983d307
|
@ -121,3 +121,31 @@ footer { background: #f5f5f5; text-align: center; font-size: 8pt; padding: 15px;
|
||||||
from { opacity: 0; }
|
from { opacity: 0; }
|
||||||
to { opacity: 1; }
|
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; }
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue