diff options
author | David Robillard <d@drobilla.net> | 2022-06-15 13:04:55 -0400 |
---|---|---|
committer | David Robillard <d@drobilla.net> | 2022-07-17 17:08:38 -0400 |
commit | 556c932d879cc903be96889bd62bc51de5a92b71 (patch) | |
tree | d0d220dc7dd0c5c8deda0b9f7b22dfbbe4b76635 /doc/style.css | |
parent | b3f385ada335ccc2114bf5d1847b571248437d1d (diff) | |
download | lv2-556c932d879cc903be96889bd62bc51de5a92b71.tar.xz |
Add dark mode style for documentation
Diffstat (limited to 'doc/style.css')
-rw-r--r-- | doc/style.css | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/doc/style.css b/doc/style.css index cd9ee0e..fca399e 100644 --- a/doc/style.css +++ b/doc/style.css @@ -688,3 +688,118 @@ div.head table { .highlight, .codehilite { margin-left: 2em; } + +/* Dark mode */ +@media (prefers-color-scheme: dark) { + /* Dark generic page style */ + + html { + background: #222; + color: #DDD; + } + + a { + color: #B4C342; + } + + a:link { + color: #B4C342; + } + + a:visited { + color: #B4C342; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: #DDD; + } + + h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { + color: #DDD; + } + + h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { + color: #DDD; + } + + blockquote { + border-left: 1px solid #444; + } + + pre, code, kbd, samp { + color: #DDD; + } + + hr { + background-color: #333; + border: 0; + color: #666; + } + + th { + border: 1px solid #444; + } + + td { + border: 1px solid #444; + } + + footer { + color: #BBB; + } + + /* Dark specgen style */ + + #metabox { + color: #999; + } + + #shortdesc { + color: #999; + } + + #titlesep { + color: #444; + } + + .terminfo, .restriction { + color: #999; + } + + table.terminfo { + border-bottom: 1px solid #444; + border-left: 1px solid #444; + } + + .spectermbody { + border-top: 1px solid #444; + } + + .spectermbody .description .comment > p:first-child { + color: #BBB; + } + + .error { + color: #DC322F; + } + + .warning { + color: #B58900; + } + + .success { + color: #859900; + } + + #topbar { + border-bottom: 1px solid #444; + } +} + +/* Hard black for dark mode on mobile (since it's likely to be an OLED screen) */ +@media only screen and (hover: none) and (pointer: coarse) and (prefers-color-scheme: dark) { + html { + background: #000; + color: #CCC; + } +} |