Add a dark theme for the XEPs

Fixes #1009.
This commit is contained in:
Emmanuel Gil Peyrot 2020-11-22 13:24:46 +01:00
parent 2443afbd17
commit ade694560c
2 changed files with 55 additions and 0 deletions

View File

@ -24,3 +24,16 @@
.atn { color: #404; }
.atv { color: #060; }
}
@media screen and ( prefers-color-scheme: dark ) {
.str { color: #090; }
.kwd { color: #009; }
.com { color: #f77; }
.typ { color: #b0b; }
.lit { color: #0bb; }
.pun { color: #bb0; }
.pln { color: #fff; }
.tag { color: #77f; font-weight: bold; }
.atn { color: #f7f; }
.atv { color: #7f7; }
}

View File

@ -1677,6 +1677,48 @@
}
}
@media screen and ( prefers-color-scheme: dark ) {
body {
background-color: #161616;
color: #ccc;
}
h1, h2, h3, h4, h5, h6 {
color: #eee;
}
table {
color: #eee;
}
tbody td {
border-top: 1px solid #333;
}
tbody tr:hover th,
tbody tr:hover td {
background-color: #282828;
}
figure.code,
figure.code-example,
figure.example {
background-color: #282828;
}
nav#toc ol.toc li {
background-color: rgba(255, 255, 255, 0.05);
}
nav#toc ol.toc li a:before {
color: #ccc;
}
a.standardsButton {
color: #eee;
}
}
@media print {
a.anchor-link {
display: none;