docs: dark/light color/accessibilty pass for generated html docs #21345

This commit is contained in:
Dave Lage 2022-12-08 17:00:18 -05:00 committed by GitHub
parent 1e2cc68889
commit ea39fc2cad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -843,8 +843,14 @@ end
local function gen_css(fname)
local css = [[
:root {
--code-color: #008B8B;
--tag-color: gray;
--code-color: #004b4b;
--tag-color: #095943;
}
@media (prefers-color-scheme: dark) {
:root {
--code-color: #00c243;
--tag-color: #00b7b7;
}
}
@media (min-width: 40em) {
.toc {
@ -863,11 +869,6 @@ local function gen_css(fname)
display: block;
}
}
@media (prefers-color-scheme: dark) {
:root {
--code-color: cyan;
}
}
.toc {
/* max-width: 12rem; */
height: 85%; /* Scroll if there are too many items. https://github.com/neovim/neovim.github.io/issues/297 */
@ -887,7 +888,7 @@ local function gen_css(fname)
}
h1, h2, h3, h4, h5 {
font-family: sans-serif;
border-bottom: 1px solid #41464bd6; /*rgba(0, 0, 0, .9);*/
border-bottom: 1px solid var(--tag-color); /*rgba(0, 0, 0, .9);*/
}
h3, h4, h5 {
border-bottom-style: dashed;