1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
|
body.dark {
--background: var(--gray900);
--contrast: var(--white);
--textBody: var(--gray200);
--textHeaders: var(--gray100);
--textDetailAccent: var(--mainLight);
--textDetailBackground: var(--gray700);
--textFooter: var(--gray300);
--links: var(--gray100);
--linksVisited: var(--gray100);
--linksDecoration: var(--gray450);
--iconAction: var(--coldGray-lightened-10);
--iconActionHover: var(--white);
--blockquoteBackground: var(--coldGray-opacity-10);
--blockquoteBorder: var(--coldGrayDim);
--tableHeadBorder: var(--gray600);
--tableBodyBorder: var(--gray700);
--warningBackground: hsla( 33, 30%, 60%, 10%);
--warningHeadingBackground: hsla( 33, 66%, 35%, 80%);
--warningHeading: var(--white);
--errorBackground: hsla( 7, 30%, 60%, 10%);
--errorHeadingBackground: hsla( 6, 70%, 40%, 80%);
--errorHeading: var(--white);
--infoBackground: hsla(206, 30%, 60%, 10%);
--infoHeadingBackground: hsla(213, 55%, 35%, 80%);
--infoHeading: var(--white);
--neutralBackground: hsl(210, 30%, 60%, 10%);
--neutralHeadingBackground: var(--gray600);
--neutralHeading: var(--white);
--tipBackground: hsla(142, 30%, 60%, 10%);
--tipHeadingBackground: hsla(134, 45%, 30%, 80%);
--tipHeading: var(--white);
--fnSpecAttr: var(--gray400);
--fnDeprecated: var(--yellowDark);
--blink: var(--gray600);
--codeBackground: var(--gray750);
--codeBorder: var(--gray600);
--codeScrollThumb: var(--gray500);
--codeScrollBackground: var(--codeBorder);
--admCodeBackground: var(--gray750);
--admCodeBorder: var(--gray600);
--admCodeColor: var(--gray100);
--admInlineCodeColor: var(--gray100);
--admInlineCodeBackground: var(--gray750);
--admInlineCodeBorder: var(--gray600);
--tabBackground: var(--gray900);
--tabBorder: var(--gray700);
--tabBorderTop: var(--gray700);
--tab: var(--white);
--tabShadow: var(--black);
--bottomActionsBtnBorder: var(--white-opacity-10);
--bottomActionsBtnSubheader: var(--mainLight);
--modalBackground: var(--gray800);
--settingsInput: var(--white);
--settingsInputBackground: var(--gray700);
--settingsInputBorder: var(--gray700);
--settingsSectionBorder: var(--gray700);
--quickSwitchInput: var(--gray300);
--quickSwitchContour: var(--gray500);
--success: var(--green-lightened-10);
--sidebarAccentMain: var(--gray50);
--sidebarBackground: var(--gray800);
--sidebarHeader: var(--gray700);
--sidebarMuted: var(--gray300);
--sidebarHover: var(--white);
--sidebarScrollbarThumb: var(--coldGray);
--sidebarScrollbarTrack: var(--sidebarBackground);
--sidebarSubheadings: var(--gray400);
--sidebarItem: var(--gray200);
--sidebarInactiveItemBorder: var(--gray400);
--sidebarInactiveItemMarker: var(--gray600);
--sidebarLanguageAccentBar: var(--mainLight);
--sidebarActiveItem: var(--mainLightest);
--searchBarBorder: var(--gray500);
--searchAccentMain: var(--gray300);
--searchSearch: var(--gray900);
--autocompleteBorder: rgba(28,42,60,.75);
--autocompletePreview: var(--gray750);
--autocompleteHover: var(--gray700);
--autocompleteBackground: var(--gray800);
--suggestionBorder: var(--gray600);
--autocompleteResults: var(--gray200);
--autocompleteResultsBold: var(--gray100);
--autocompleteSrollbarThumb: var(--gray600);
--autocompleteSrollbarTrack: var(--gray850);
--autocompleteLabelBack: var(--gray600);
--autocompleteLabelFont: rgba(255, 255, 255, 0.8);
}
|