120 lines
3.1 KiB
CSS
120 lines
3.1 KiB
CSS
/******************************************************************************
|
|
* Dark-mode Colors for the W3C specifications
|
|
*
|
|
* This style sheet overlays base.css in order to provide colors for dark mode.
|
|
* Import this stylesheet via
|
|
* <link rel="stylesheet" media="(prefers-color-scheme: dark)" href="...">
|
|
*
|
|
******************************************************************************/
|
|
|
|
/* In case a transparent-bg image doesn't expect to be on a dark bg,
|
|
which is quite common in practice... */
|
|
img { background: white; }
|
|
|
|
:root {
|
|
--text: #ddd;
|
|
--bg: black;
|
|
|
|
--unofficial-watermark: url(./assets/UD-watermark-dark.svg);
|
|
|
|
--logo-bg: #1a5e9a;
|
|
--logo-active-bg: #c00;
|
|
--logo-text: white;
|
|
|
|
--tocnav-normal-text: #999;
|
|
--tocnav-normal-bg: var(--bg);
|
|
--tocnav-hover-text: var(--tocnav-normal-text);
|
|
--tocnav-hover-bg: #080808;
|
|
--tocnav-active-text: #f44;
|
|
--tocnav-active-bg: var(--tocnav-normal-bg);
|
|
|
|
--tocsidebar-text: var(--text);
|
|
--tocsidebar-bg: #080808;
|
|
--tocsidebar-shadow: rgba(255,255,255,.1);
|
|
--tocsidebar-heading-text: hsla(203,20%,40%,.7);
|
|
|
|
--toclink-text: var(--text);
|
|
--toclink-underline: #6af;
|
|
--toclink-visited-text: var(--toclink-text);
|
|
--toclink-visited-underline: #054572;
|
|
|
|
--heading-text: #8af;
|
|
|
|
--hr-text: var(--text);
|
|
|
|
--algo-border: #456;
|
|
|
|
--del-text: #f44;
|
|
--del-bg: transparent;
|
|
--ins-text: #4a4;
|
|
--ins-bg: transparent;
|
|
|
|
--a-normal-text: #6af;
|
|
--a-normal-underline: #555;
|
|
--a-visited-text: var(--a-normal-text);
|
|
--a-visited-underline: var(--a-normal-underline);
|
|
--a-hover-bg: rgba(25%, 25%, 25%, .2);
|
|
--a-active-text: #f44;
|
|
--a-active-underline: var(--a-active-text);
|
|
|
|
--borderedblock-bg: rgba(255, 255, 255, .05);
|
|
|
|
--blockquote-border: silver;
|
|
--blockquote-bg: var(--borderedblock-bg);
|
|
--blockquote-text: currentcolor;
|
|
|
|
--issue-border: #e05252;
|
|
--issue-bg: var(--borderedblock-bg);
|
|
--issue-text: var(--text);
|
|
--issueheading-text: hsl(0deg, 70%, 70%);
|
|
|
|
--example-border: hsl(50deg, 90%, 60%);
|
|
--example-bg: var(--borderedblock-bg);
|
|
--example-text: var(--text);
|
|
--exampleheading-text: hsl(50deg, 70%, 70%);
|
|
|
|
--note-border: hsl(120deg, 100%, 35%);
|
|
--note-bg: var(--borderedblock-bg);
|
|
--note-text: var(--text);
|
|
--noteheading-text: hsl(120, 70%, 70%);
|
|
--notesummary-underline: silver;
|
|
|
|
--advisement-border: orange;
|
|
--advisement-bg: #222218;
|
|
--advisement-text: var(--text);
|
|
--advisementheading-text: #f84;
|
|
|
|
--amendment-border: #330099;
|
|
--amendment-bg: var(--borderedblock-bg);
|
|
--amendment-text: var(--text);
|
|
--amendmentheading-text: #a086ff;
|
|
|
|
--amendment-border: #330099;
|
|
--amendment-bg: #080010;
|
|
--amendment-text: var(--text);
|
|
--amendmentheading-text: #cc00ff;
|
|
|
|
--warning-border: red;
|
|
--warning-bg: hsla(40,100%,20%,0.95);
|
|
--warning-text: var(--text);
|
|
|
|
--def-border: #8ccbf2;
|
|
--def-bg: #080818;
|
|
--def-text: var(--text);
|
|
--defrow-border: #136;
|
|
|
|
--datacell-border: silver;
|
|
|
|
--indexinfo-text: #aaa;
|
|
|
|
--indextable-hover-text: var(--text);
|
|
--indextable-hover-bg: #181818;
|
|
|
|
--outdatedspec-bg: rgba(255, 255, 255, .5);
|
|
--outdatedspec-text: black;
|
|
--outdated-bg: maroon;
|
|
--outdated-text: white;
|
|
--outdated-shadow: red;
|
|
|
|
--editedrec-bg: darkorange;
|
|
}
|