CSS: Improve the contrast for the dark theme

This was reported by this tool: https://wave.webaim.org/
This commit is contained in:
Emmanuel Gil Peyrot 2021-06-25 23:06:42 +02:00
parent 27763c3d70
commit 6ff9b806de
2 changed files with 26 additions and 9 deletions

View File

@ -26,14 +26,14 @@
}
@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; }
.str { color: #0d0; }
.kwd { color: #00d; }
.com { color: #f88; }
.typ { color: #d0d; }
.lit { color: #0dd; }
.pun { color: #dd0; }
.pln { color: #fff; }
.tag { color: #77f; font-weight: bold; }
.atn { color: #f7f; }
.atv { color: #7f7; }
.tag { color: #88f; font-weight: bold; }
.atn { color: #f8f; }
.atv { color: #8f8; }
}

View File

@ -1706,6 +1706,10 @@
background-color: #282828;
}
pre, code {
color: red;
}
figure.code,
figure.code-example,
figure.example {
@ -1728,9 +1732,22 @@
color: #ccc;
}
a {
color: #4b3;
}
a.standardsButton {
color: #eee;
}
ol.timeline {
border-right: 0.1em solid #ccc;
}
ol.timeline > li::after,
ol.timeline > li::before {
background: #ccc;
}
}
@media print {