docs: Increase contrast

Especially in dark-mode this was often too close to the background.

Should make it easier to read.

As always, colors not checked for artistic merit for I have none.
This commit is contained in:
Fabian Homborg 2021-07-01 17:33:40 +02:00
parent c241b782e7
commit 866df31c9d
2 changed files with 32 additions and 21 deletions

View file

@ -321,22 +321,22 @@ dl > dt span ~ em {
.sphinxsidebar ul.current > li.current { font-weight: bold } .sphinxsidebar ul.current > li.current { font-weight: bold }
.gray { color: #555555 } .gray { color: #777 }
.purple { color: #551a8b } .purple { color: #551a8b; font-weight: bold; }
.red { color: #FF0000 } .red { color: #FF0000; }
/* Color based on the Name.Function (.nf) class from pygments.css. */ /* Color based on the Name.Function (.nf) class from pygments.css. */
.command { color: #005fd7 } .command { color: #005fd7 }
/* Color based on the Name.Constant (.no) class from pygments.css. */ /* Color based on the Name.Constant (.no) class from pygments.css. */
.param { color: #00afff } .param { color: #00bfff }
/* Color based on the Name.Constant (.no) class from pygments.css. */ /* Color based on the Name.Constant (.no) class from pygments.css. */
/* Used for underlining file paths in interactive code examples. */ /* Used for underlining file paths in interactive code examples. */
.param-valid-path { color: #00afff; text-decoration: underline } .param-valid-path { color: #00afff; text-decoration: underline }
/* Color based on the Generic.Prompt (.gp) class from pygments.css. */ /* Color based on the Generic.Prompt (.gp) class from pygments.css. */
.prompt { color: #8f5902 } .prompt { color: #8f7902 }
kbd { kbd {
background-color: #f9f9f9; background-color: #f9f9f9;
@ -388,7 +388,7 @@ kbd {
} }
div.sphinxsidebar h3 a, div.related a, div.sphinxsidebar h3 { div.sphinxsidebar h3 a, div.related a, div.sphinxsidebar h3 {
color: #AAA; color: #BBB;
} }
.highlight { .highlight {
background: #000; background: #000;
@ -408,12 +408,9 @@ kbd {
} }
input { input {
background-color: #222; background-color: #222;
color: #AAA; color: #BBB;
} }
div.body a {
color: #2092da;
}
dt:target, span.highlighted { dt:target, span.highlighted {
background-color: #404060; background-color: #404060;
} }
@ -424,4 +421,13 @@ kbd {
table.docutils td, table.docutils th { table.docutils td, table.docutils th {
border: 1px solid #222 !important; border: 1px solid #222 !important;
} }
div.body a {
color: #2092fa;
}
div.footer a {
color: #BBB;
}
/* Color based on the Name.Function (.nf) class from pygments.css. */
.command { color: #008fd7 }
} }

View file

@ -1,21 +1,21 @@
.highlight .hll { background-color: #ffffcc } .highlight .hll { background-color: #ffffcc }
.highlight { background: #f8f8f8; } .highlight { background: #f8f8f8; }
.highlight .c { color: #8f5902; } /* Comment */
.highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */ .highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
.highlight .k { color: #204a87; font-weight: bold } /* Keyword */ .highlight .k { color: #204a87; font-weight: bold } /* Keyword */
.highlight .o { color: #00a6b2; } /* Operator */ .highlight .o { color: #00a6b2; } /* Operator */
.highlight .p { color: #00afff; } /* Punctuation */ .highlight .p { color: #00bfff; } /* Punctuation */
.highlight .ch { color: #8f5902; font-style: italic } /* Comment.Hashbang */ .highlight .c { color: #8f7902; } /* Comment */
.highlight .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */ .highlight .ch { color: #8f7902; font-style: italic } /* Comment.Hashbang */
.highlight .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */ .highlight .cm { color: #8f7902; font-style: italic } /* Comment.Multiline */
.highlight .cpf { color: #8f5902; font-style: italic } /* Comment.PreprocFile */ .highlight .cp { color: #8f7902; font-style: italic } /* Comment.Preproc */
.highlight .c1 { color: #8f5902; font-style: italic } /* Comment.Single */ .highlight .cpf { color: #8f7902; font-style: italic } /* Comment.PreprocFile */
.highlight .cs { color: #8f5902; font-style: italic } /* Comment.Special */ .highlight .c1 { color: #8f7902; font-style: italic } /* Comment.Single */
.highlight .cs { color: #8f7902; font-style: italic } /* Comment.Special */
.highlight .gd { color: #a40000 } /* Generic.Deleted */ .highlight .gd { color: #a40000 } /* Generic.Deleted */
.highlight .gr { color: #ef2929 } /* Generic.Error */ .highlight .gr { color: #ef2929 } /* Generic.Error */
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.highlight .gi { color: #00A000 } /* Generic.Inserted */ .highlight .gi { color: #00A000 } /* Generic.Inserted */
.highlight .gp { color: #8f5902 } /* Generic.Prompt */ .highlight .gp { color: #8f7902 } /* Generic.Prompt */
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */ .highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
.highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */ .highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
@ -28,7 +28,7 @@
.highlight .s { color: #4e9a06 } /* Literal.String */ .highlight .s { color: #4e9a06 } /* Literal.String */
.highlight .na { color: #c4a000 } /* Name.Attribute */ .highlight .na { color: #c4a000 } /* Name.Attribute */
.highlight .nb { color: #204a87 } /* Name.Builtin */ .highlight .nb { color: #204a87 } /* Name.Builtin */
.highlight .no { color: #00afff } /* Name.Constant */ .highlight .no { color: #00bfff } /* Name.Constant */
.highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */ .highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
.highlight .ni { color: #ce5c00 } /* Name.Entity */ .highlight .ni { color: #ce5c00 } /* Name.Entity */
.highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */ .highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
@ -46,7 +46,7 @@
.highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */ .highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */
.highlight .sc { color: #4e9a06 } /* Literal.String.Char */ .highlight .sc { color: #4e9a06 } /* Literal.String.Char */
.highlight .dl { color: #4e9a06 } /* Literal.String.Delimiter */ .highlight .dl { color: #4e9a06 } /* Literal.String.Delimiter */
.highlight .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */ .highlight .sd { color: #8f7902; font-style: italic } /* Literal.String.Doc */
.highlight .s2 { color: #999900 } /* Literal.String.Double */ .highlight .s2 { color: #999900 } /* Literal.String.Double */
.highlight .se { color: #00a6b2 } /* Literal.String.Escape */ .highlight .se { color: #00a6b2 } /* Literal.String.Escape */
.highlight .sh { color: #4e9a06 } /* Literal.String.Heredoc */ .highlight .sh { color: #4e9a06 } /* Literal.String.Heredoc */
@ -66,6 +66,11 @@
:root { :root {
--contrast: #FFFFFF; --contrast: #FFFFFF;
} }
.highlight .k { color: #507a97; font-weight: bold } /* Keyword */
.highlight .nf { color: #009fe7 } /* Name.Function */
.highlight .c { color: #8fb902; } /* Comment */
.highlight .nf { color: #008fd7 } /* Name.Function */
.highlight .nb { color: #209a87 } /* Name.Builtin */
} }
.highlight .g { color: var(--contrast) } /* Generic */ .highlight .g { color: var(--contrast) } /* Generic */
.highlight .l { color: var(--contrast) } /* Literal */ .highlight .l { color: var(--contrast) } /* Literal */