User:Benstockdesign/common.css

/* -- * * Wik-at-Nite * A dark color scheme for Wikipedia. * * @author Ben Stock * @url https://benstockdesign.com * @copyright (c) 2022 Ben Stock Design * @license MIT * -- */

/**
 * root {

--bg: #22272e; --fg: #adbac7; --link-fg: #2196f3; --fg-default: #adbac7; --fg-muted: #768390; --fg-subtle: #545d68; --fg-on-emphasis: #cdd9e5; --canvas-default: #22272e; --canvas-overlay: #2d333b; --canvas-inset: #1c2128; --canvas-subtle: #2d333b; --border-default: #444c56; --border-muted: #373e47; --border-subtle: rgb(205 217 229 / 0.1); --border-callout: #292d32; --kbd-key-bg: #2d333b; --kbd-key-fg: #adbac7; --kbd-key-top: #373e47; --kbd-key-mid: #414b58; --kbd-key-btm: #373e47; --kbd-key-btm-pct: 110%; --kbd-key-border: rgb(205 217 229 / 0.1); --kbd-key-shadow: 0em 0.15em 0.15em rgb(0 0 0 / 20%); --kbd-key-text-shadow: 0 -0.1em 0 #1c2128; --neutral-emphasis-plus: #636e7b; --neutral-emphasis: #636e7b; --neutral-muted: rgb(99 110 123 / 0.4); --neutral-subtle: rgb(99 110 123 / 0.1); --accent-fg: #539bf5; --accent-emphasis: #316dca; --accent-muted: rgb(65 132 228 / 0.4); --accent-subtle: rgb(65 132 228 / 0.15); --ansi-black: #22272e; --ansi-black-bright: #2d333b; --ansi-white: #909dab; --ansi-white-bright: #909dab; --ansi-gray: #636e7b; --ansi-red: #f47067; --ansi-red-bright: #ff938a; --ansi-green: #57ab5a; --ansi-green-bright: #6bc46d; --ansi-yellow: #c69026; --ansi-yellow-bright: #daaa3f; --ansi-blue: #539bf5; --ansi-blue-bright: #6cb6ff; --ansi-magenta: #b083f0; --ansi-magenta-bright: #dcbdfb; --ansi-cyan: #76e3ea; --ansi-cyan-bright: #b3f0ff; --project-header-bg: #22272e; --project-sidebar-bg: #2d333b; --project-gradient-in: #2d333b; --project-gradient-out: rgb(45 51 59 / 0); --primer-fg-disabled: #545d68; --primer-canvas-backdrop: rgb(28 33 40 / 0.8); --primer-canvas-sticky: rgb(34 39 46 / 0.95); --primer-border-active: #ec775c; --primer-border-contrast: rgb(205 217 229 / 0.2); --primer-shadow-highlight: 0 0 transparent; --primer-shadow-inset: 0 0 transparent; --primer-shadow-focus: 0 0 0 3px #143d79; --black: #1c2128; --white: #cdd9e5; --gray-0: #cdd9e5; --gray-1: #adbac7; --gray-2: #909dab; --gray-3: #768390; --gray-4: #636e7b; --gray-5: #545d68; --gray-6: #444c56; --gray-7: #373e47; --gray-8: #2d333b; --gray-9: #22272e; --blue-0: #c6e6ff; --blue-1: #96d0ff; --blue-2: #6cb6ff; --blue-3: #539bf5; --blue-4: #4184e4; --blue-5: #316dca; --blue-6: #255ab2; --blue-7: #1b4b91; --blue-8: #143d79; --blue-9: #0f2d5c; --green-0: #b4f1b4; --green-1: #8ddb8c; --green-2: #6bc46d; --green-3: #57ab5a; --green-4: #46954a; --green-5: #347d39; --green-6: #2b6a30; --green-7: #245829; --green-8: #1b4721; --green-9: #113417; --yellow-0: #fbe090; --yellow-1: #eac55f; --yellow-2: #daaa3f; --yellow-3: #c69026; --yellow-4: #ae7c14; --yellow-5: #966600; --yellow-6: #805400; --yellow-7: #6c4400; --yellow-8: #593600; --yellow-9: #452700; --orange-0: #ffddb0; --orange-1: #ffbc6f; --orange-2: #f69d50; --orange-3: #e0823d; --orange-4: #cc6b2c; --orange-5: #ae5622; --orange-6: #94471b; --orange-7: #7f3913; --orange-8: #682d0f; --orange-9: #4d210c; --red-0: #ffd8d3; --red-1: #ffb8b0; --red-2: #ff938a; --red-3: #f47067; --red-4: #e5534b; --red-5: #c93c37; --red-6: #ad2e2c; --red-7: #922323; --red-8: #78191b; --red-9: #5d0f12; --purple-0: #eedcff; --purple-1: #dcbdfb; --purple-2: #dcbdfb; --purple-3: #b083f0; --purple-4: #986ee2; --purple-5: #8256d0; --purple-6: #6b44bc; --purple-7: #5936a2; --purple-8: #472c82; --purple-9: #352160; --pink-0: #ffd7eb; --pink-1: #ffb3d8; --pink-2: #fc8dc7; --pink-3: #e275ad; --pink-4: #c96198; --pink-5: #ae4c82; --pink-6: #983b6e; --pink-7: #7e325a; --pink-8: #69264a; --pink-9: #551639; --coral-0: #ffdacf; --coral-1: #ffb9a5; --coral-2: #f79981; --coral-3: #ec775c; --coral-4: #de5b41; --coral-5: #c2442d; --coral-6: #a93524; --coral-7: #8d291b; --coral-8: #771d13; --coral-9: #5d1008; --error-fg: #ffb8b0; --error-bg: inherit; --error-underline: #c93c37; --syntax-comment: #768390; --syntax-constant: #6cb6ff; --syntax-entity: #dcbdfb; --syntax-storage-modifier-import: #adbac7; --syntax-interpol: #adbac7; --syntax-entity-tag: #8ddb8c; --syntax-keyword: #f47067; --syntax-string: #96d0ff; --syntax-variable: #f69d50; --syntax-brackethighlighter-unmatched: #e5534b; --syntax-invalid-illegal-text: #cdd9e5; --syntax-invalid-illegal-bg: #922323; --syntax-cr-fg: #cdd9e5; --syntax-cr-bg: #ad2e2c; --syntax-string-regexp: #8ddb8c; --syntax-whitespace: #768390; --syntax-markup-list: #eac55f; --syntax-markup-heading: #5192f7; --syntax-markup-subheading: #cd76cd; --syntax-markup-italic: #adbac7; --syntax-markup-bold: #adbac7; --syntax-markup-deleted-text: #ffd8d3; --syntax-markup-deleted-bg: #78191b; --syntax-markup-inserted-text: #b4f1b4; --syntax-markup-inserted-bg: #1b4721; --syntax-markup-changed-text: #ffddb0; --syntax-markup-changed-bg: #682d0f; --syntax-markup-ignored-text: #adbac7; --syntax-markup-ignored-bg: #255ab2; --syntax-markup-prompt: #539bf5; --syntax-markup-output: #adbac7; --syntax-traceback: #316dca; --syntax-diff-range: #dcbdfb; --syntax-brackethighlighter-angle: #768390; --syntax-sublimelinter-gutter-mark: #545d68; --syntax-constant-other-reference-link: #96d0ff; --codemirror-text: #adbac7; --codemirror-bg: #22272e; --codemirror-gutters-bg: #22272e; --codemirror-guttermarker-text: #22272e; --codemirror-guttermarker-subtle-text: #545d68; --codemirror-linenumber-text: #768390; --codemirror-cursor: #adbac7; --codemirror-selection-bg: rgb(65 132 228 / 0.4); --codemirror-activeline-bg: rgb(99 110 123 / 0.1); --codemirror-matchingbracket-text: #adbac7; --codemirror-lines-bg: #22272e; --codemirror-syntax-comment: #768390; --codemirror-syntax-constant: #6cb6ff; --codemirror-syntax-entity: #dcbdfb; --codemirror-syntax-keyword: #f47067; --codemirror-syntax-storage: #f47067; --codemirror-syntax-string: #96d0ff; --codemirror-syntax-support: #6cb6ff; --codemirror-syntax-variable: #f69d50; --menu-tab-bg: #2d333b; --menu-tab-fg: rgb(205 217 229 / 0.7); --content-border: #2d333b; --select-menu-backdrop-border: #545d68; --select-menu-tap-highlight: rgb(68 76 86 / 0.5); --select-menu-tap-focus-bg: #143d79; --overlay-shadow: 0 0 0 1px #444c56, 0 16px 32px rgb(28 33 40 / 0.85); --header-top: #2c3035; --header-btm: #22272e; --header-text: rgb(205 217 229 / 0.7); --header-bg: #2d333b; --header-divider: #768390; --header-logo: #cdd9e5; --header-search-bg: #22272e; --header-search-border: #444c56; --sidenav-selected-bg: #373e47; --menu-bg-active: #2d333b; --input-disabled-bg: rgb(99 110 123 / 0); }

body { background-color: var(--bg); }

h1, h2, h3, h4, h5, h6 { color: var(--fg); }

h1, h2 { border-bottom: 1px solid var(--border-subtle); }

a, a:link, a:visited { color: var(--accent-fg); }

ul { list-style-image: none; }

.mw-body, .parsoid-body { background-color: var(--bg); color: var(--fg); }

.mw-body { border: 1px solid var(--content-border); }

background-color: var(--bg); background-image: linear-gradient(		to bottom, 		var(--header-gradient-top), 		var(--header-gradient-btm)	); background-position: bottom left; }
 * 1) mw-page-base {

mix-blend-mode: color-dodge; filter: invert(1) opacity(0.85); } .mw-footer li { color: var(--fg); }
 * 1) p-logo a {

.vector-menu-portal h3 { background-image: linear-gradient(		to right, 		var(--border-subtle), 		var(--border-subtle)	); background-size: 100% 1px; background-repeat: no-repeat; background-position: center bottom; color: var(--fg); }

.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--fg-muted); }

.skin-vector-legacy a.new { color: var(--link-fg); }

.vector-menu-tabs, .vector-menu-tabs a, 	background-image: none; background-repeat: no-repeat; background-size: 1px 100%; background-color: #2d333b; }
 * 1) mw-head .vector-menu-dropdown h3 {

.vector-menu-tabs .selected { background: var(--menu-tab-bg); }

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--fg-on-emphasis); text-decoration: none; }

.vector-menu-tabs li a { background-position: right bottom; color: var(--link-fg); }

pre, code, .mw-code { background-color: var(--canvas-inset); color: var(--fg); border: 1px solid var(--border-subtle); }

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--canvas-inset); }

.mw-content-rtl.mw-highlight-lines pre, .mw-content-rtl.content .mw-highlight-lines pre { padding-right: 3.5em; box-shadow: inset -2.75em 0 0 var(--canvas-inset); }

td.linenos .normal, span.linenos { background-color: transparent; color: inherit; }

td.linenos .special, span.linenos.special { background-color: var(--canvas-inset); color: var(--fg); }

.mw-highlight .linenos { background: var(--canvas-inset); color: var(--fg-subtle); }

.mw-highlight a:hover .linenos, .mw-highlight .hll a .linenos { color: var(--fg); }

.mw-highlight .hll { background-color: var(--canvas-inset) } .mw-highlight     { background: var(--canvas-inset)       } .mw-highlight .k  { color: var(--syntax-keyword);         } .mw-highlight .o  { color: var(--syntax-constant);        } .mw-highlight .ow { color: var(--syntax-constant);        } .mw-highlight .w  { color: var(--syntax-whitespace);      } .mw-highlight .err { color: var(--error-fg); background-color: var(--error-bg); text-decoration: underline wavy var(--error-underline); }

.mw-highlight .c  { color: var(--syntax-comment); } .mw-highlight .ch { color: var(--syntax-comment); } .mw-highlight .cm { color: var(--syntax-comment); } .mw-highlight .cp { color: var(--syntax-comment); } .mw-highlight .cpf { color: var(--syntax-comment); } .mw-highlight .c1 { color: var(--syntax-comment); } .mw-highlight .cs { color: var(--syntax-comment); } .mw-highlight .gr { background-color: var(--syntax-invalid-illegal-bg); } .mw-highlight .gd { background-color: var(--syntax-markup-deleted-bg); } .mw-highlight .gi { background-color: var(--syntax-markup-inserted-bg); } .mw-highlight .gr { color: var(--syntax-invalid-illegal-text); } .mw-highlight .gd { color: var(--syntax-markup-deleted-text); } .mw-highlight .gi { color: var(--syntax-markup-inserted-text); } .mw-highlight .go { color: var(--syntax-markup-output);       } .mw-highlight .gp { color: var(--syntax-markup-prompt);       } .mw-highlight .ge { color: var(--syntax-markup-italic);       } .mw-highlight .gs { color: var(--syntax-markup-bold);         } .mw-highlight .gh { color: var(--syntax-markup-heading);      } .mw-highlight .gu { color: var(--syntax-markup-subheading);   } .mw-highlight .gt { color: var(--syntax-traceback);           } .mw-highlight .gt { font-style: normal; font-weight: normal; } .mw-highlight .gr, .mw-highlight .gd, .mw-highlight .gi, .mw-highlight .go, .mw-highlight .ge { font-style: italic; font-weight: normal; } .mw-highlight .gp, .mw-highlight .gs, .mw-highlight .gh, .mw-highlight .gu { font-style: normal; font-weight: bold; } .mw-highlight .kc, .mw-highlight .kd, .mw-highlight .kn, .mw-highlight .kp, .mw-highlight .kr, .mw-highlight .kt { font-style: normal; font-weight: normal; } .mw-highlight .kc { color: var(--syntax-constant); } .mw-highlight .kd { color: var(--syntax-keyword); } .mw-highlight .kn { color: var(--syntax-keyword); } .mw-highlight .kp { color: var(--syntax-keyword); } .mw-highlight .kr { color: var(--syntax-keyword); } .mw-highlight .kt { color: var(--syntax-keyword); }

.mw-highlight .na { color: var(--syntax-constant);  } .mw-highlight .nb { color: var(--syntax-keyword);   } .mw-highlight .nc { color: var(--syntax-variable);  } .mw-highlight .no { color: var(--syntax-constant);  } .mw-highlight .nd { color: var(--syntax-entity);    } .mw-highlight .ni { color: var(--syntax-entity);    } .mw-highlight .ne { color: var(--syntax-entity);    } .mw-highlight .nf { color: var(--syntax-entity);    } .mw-highlight .nl { color: var(--syntax-variable);  } .mw-highlight .nn { color: var(--syntax-variable);  } .mw-highlight .nt { color: var(--syntax-entity-tag); } .mw-highlight .nv { color: var(--syntax-variable);  } .mw-highlight .bp { color: var(--syntax-constant);  } .mw-highlight .fm { color: var(--syntax-constant);  } .mw-highlight .vc { color: var(--syntax-variable);  } .mw-highlight .vg { color: var(--syntax-variable);  } .mw-highlight .vi { color: var(--syntax-variable);  } .mw-highlight .vm { color: var(--syntax-variable);  } .mw-highlight .m { color: var(--syntax-constant); } .mw-highlight .mb { color: var(--syntax-constant); } .mw-highlight .mf { color: var(--syntax-constant); } .mw-highlight .mh { color: var(--syntax-constant); } .mw-highlight .mi { color: var(--syntax-constant); } .mw-highlight .il { color: var(--syntax-constant); } .mw-highlight .mo { color: var(--syntax-constant); } .mw-highlight .s { color: var(--syntax-string);   } .mw-highlight .sa { color: var(--syntax-string);  } .mw-highlight .sb { color: var(--syntax-string);  } .mw-highlight .sc { color: var(--syntax-string);  } .mw-highlight .dl { color: var(--syntax-string);  } .mw-highlight .sd { color: var(--syntax-string);  } .mw-highlight .s2 { color: var(--syntax-string);  } .mw-highlight .se { color: var(--syntax-string);  } .mw-highlight .sh { color: var(--syntax-string);  } .mw-highlight .si { color: var(--syntax-interpol); } .mw-highlight .sx { color: var(--syntax-string);  } .mw-highlight .sr { color: var(--syntax-string);  } .mw-highlight .s1 { color: var(--syntax-string);  } .mw-highlight .ss { color: var(--syntax-string);  }

.input-contrast:focus { background-color: var(--canvas-default); }

.form-control.focus, .form-control:focus, .form-select.focus, .form-select:focus { border-color: var(--accent-emphasis); outline: none; box-shadow: var(--primer-shadow-focus); }

.vector-search-box-input { background-color: var(--header-search-bg); color: var(--fg); border: 1px solid var(--border-subtle); box-shadow: none; -webkit-transition: border-color 250ms; transition: border-color 250ms; }

.vector-search-box-input::placeholder, .vector-search-box-input::-webkit-input-placeholder { color: var(--fg-subtle); }

.searchButton[name="go"] { opacity: 0.25; filter: invert(1); mix-blend-mode: screen; -webkit-transition: opacity 250ms; transition: opacity 250ms; }

.searchButton[name="go"]:hover { opacity: 0.5; }

.searchButton[name="go"]:active { opacity: 0.75; }

table.ambox-content { border-left: 10px solid var(--yellow-3); }

table.ambox { margin: 0 10%; border: 1px solid var(--border-callout); border-left: 10px solid var(--yellow-3); background-color: var(--canvas-inset); box-sizing: border-box; }

table.fmbox-warning { border: 1px solid var(--red-7); background-color: var(--red-8); color: var(--red-2); }

table.fmbox-warning a { color: var(--red-0); text-decoration: underline solid var(--red-3); }

table.fmbox-system { background-color: var(--canvas-subtle) !important; border: 1px solid var(--border-muted); box-shadow: 0 1px 3px 0 var(--canvas-inset); }

.keyboard-key { border: 1px solid var(--kbd-key-border) !important; box-shadow: 0em 0.15em 0.15em rgb(0 0 0 / 20%) !important; background-color: var(--kbd-key-bg) !important; background-image: linear-gradient(		to bottom, 		var(--kbd-key-top), 		var(--kbd-key-mid), 		var(--kbd-key-btm) 		var(--kbd-key-btm-pct)) !important; color: var(--kbd-key-fg) !important; text-shadow: var(--kbd-key-text-shadow); }

opacity: 0.87; color: transparent; filter: invert(1); }
 * 1) pt-notifications-alert .mw-echo-notifications-badge,
 * 2) pt-notifications-notice .mw-echo-notifications-badge {

box-shadow: 0 0 0 1px var(--white), 0 0 0 3px orangered; opacity: 1 }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:focus,
 * 2) pt-notifications-notice .mw-echo-notifications-badge:focus {

border-color: orangered }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:focus:after,
 * 2) pt-notifications-notice .mw-echo-notifications-badge:focus:after {

border: 1px solid #fff; border-radius: 500em; background-color: var(--red-5); content: attr(data-counter-text); color: #fff; filter: invert(1); }
 * 1) pt-notifications-alert .mw-echo-notifications-badge:after,
 * 2) pt-notifications-notice .mw-echo-notifications-badge:after {

opacity: 0.4; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge-dimmed,
 * 2) pt-notifications-notice .mw-echo-notifications-badge-dimmed {

opacity: 0.51; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
 * 2) pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {

background-color: seagreen; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
 * 2) pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {

background-color: dodgerblue; }
 * 1) pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
 * 2) pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {

.vector-user-links #pt-notifications-alert .mw-echo-notifications-badge, .vector-user-links #pt-notifications-notice .mw-echo-notifications-badge { filter: invert(1); }

.vector-user-links #pt-notifications-alert .mw-echo-notifications-badge:hover, .vector-user-links #pt-notifications-notice .mw-echo-notifications-badge:hover { background-color: rgb(0 0 0 / 0.03); }

.mw-parser-output #mp-topbanner { border-color: red; background-color: lime; }

.mw-parser-output #mp-topbanner, .mw-parser-output .mp-h2, .mw-parser-output #mp-left { color: orangered; }

.mw-parser-output #mp-banner { background-color: hotpink; border-color: goldenrod; }

.mw-parser-output #mp-left { border-color: dodgerblue; background: gold; }

.mw-parser-output #mp-right { border-color: seagreen; background: slategray; }

.mw-parser-output #mp-left .mp-h2 { background: aqua; border-color: maroon; }

.mw-parser-output #mp-right .mp-h2 { background: aquamarine; border-color: chocolate; }

.mw-parser-output #mp-middle { border-color: lawngreen; background: darkorchid }

.mw-parser-output #mp-tfl-h2 { background: darkorange; border-color: navy; }

.mw-parser-output #mp-lower { border-color: darkblue; background: lightcoral; }

.mw-parser-output #mp-tfp-h2 { background: teal; border-color: palegreen; }

.mw-parser-output #mp-other-lower { border-color: crimson; }

.mw-parser-output #mp-other-lower .mp-h2 { background: darkslateblue; border-color: darkturquoise; color: greenyellow; }

@media(max-width: 875px) { .skin--responsive .mw-parser-output #mp-portals { border-top-color: dodgerblue; } }

.wikitable { background-color: var(--canvas-inset); color: var(--fg-muted); border: 1px solid var(--border-subtle); }

.wikitable > tr > th, .wikitable > * > tr > th { background-color: var(--content-border); }

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid var(--border-subtle); }

.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgMTNsLTIuNS0yLjVMNyAxNWwtNC41LTQuNUwwIDEzbDcgN3pNMTQgNy41TDExLjUgMTAgNyA1LjUgMi41IDEwIDAgNy41bDctN3oiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: calc(100% - 5px) center; background-size: 8px 16px; background-blend-mode: soft-light; }

.jquery-tablesorter th.headerSortUp { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgOS41TDExLjUgMTIgNyA3LjUgMi41IDEyIDAgOS41bDctN3oiLz48L3N2Zz4=); }

.jquery-tablesorter th.headerSortDown { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgNWwtMi41LTIuNS00LjUgNC41LTQuNS00LjVMMCA1IDcgMTJ6Ii8+PC9zdmc+); }

.toc, .toccolours { border: 1px solid var(--border-subtle); background-color: var(--canvas-inset); }

.toctogglelabel { color: var(--fg-muted); }

table.ombox-notice { border: 1px solid var(--border-muted); }

table.ombox-notice + div { border: 1px solid var(--border-muted); background-color: var(--canvas-overlay); }

table.ombox { border: 1px solid var(--border-muted); background-color: var(--canvas-overlay); }

.mw-parser-output .module-shortcutboxplain { border: 1px solid var(--border-muted); background: var(--bg); }

.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list { border-top-color: var(--border-default) !important; }

.mw-parser-output .navbox-abovebelow, .mw-parser-output .navbox-group, .mw-parser-output .navbox-subgroup .navbox-title { background-color: var(--canvas-overlay) !important; }

.mw-parser-output .navbox-odd { background-color: var(--canvas-default) !important; }

.mw-parser-output .navbox-even { background-color: var(--canvas-overlay) !important; }

.mw-parser-output .navbox, .mw-parser-output .navbox-subgroup { background-color: var(--canvas-default) !important; }

.mw-parser-output .navbox { border-color: var(--border-muted) !important; }

.mw-parser-output .navbox-title { background-color: var(--canvas-default) !important; }

div.thumbinner { background-color: var(--canvas-inset) !important; border-color: var(--border-muted) !important; }

.thumbimage { background-color: var(--canvas-inset) !important; border-color: var(--border-muted) !important; }

.catlinks { border-color: var(--border-muted) !important; background-color: var(--canvas-overlay) !important; }

.mw-parser-output .fmbox-warning { border: 1px solid #bb7070; background-color: #441818; }