MediaWiki:Vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.


/* BEGIN HOSAKA NIGHT RELAY */
/* Hosaka Night Relay 0.4.0: supported Vector 2022 site CSS; styles only. */
body.skin-vector-2022{--hosaka-background:#E5F4FF;--hosaka-surface:#FFFFFF;--hosaka-raised:#E2E8E5;--hosaka-text:#18282D;--hosaka-muted:#455E65;--hosaka-accent:#006B60;--hosaka-border:#71868B;font-family:"Noto Sans","DejaVu Sans",system-ui,sans-serif;font-size:16px;line-height:1.55;--color-base:var(--hosaka-text);--color-subtle:var(--hosaka-muted);--background-color-base:var(--hosaka-background);--background-color-neutral-subtle:var(--hosaka-surface);--border-color-base:var(--hosaka-border);--color-progressive:var(--hosaka-accent)}
html.skin-theme-clientpref-night body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os body.skin-vector-2022,html.vector-feature-night-mode-disabled body.skin-vector-2022{--hosaka-background:#090D18;--hosaka-surface:#121C2E;--hosaka-raised:#1C2D43;--hosaka-text:#E5F4FF;--hosaka-muted:#A7BDD4;--hosaka-accent:#53E4FF;--hosaka-border:#7893B0}}
body.skin-vector-2022,body.skin-vector-2022 .mw-page-container,body.skin-vector-2022 .vector-header-container,body.skin-vector-2022 .vector-column-start,body.skin-vector-2022 .vector-column-end{background:var(--hosaka-background);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body,body.skin-vector-2022 .vector-sticky-header,body.skin-vector-2022 .vector-dropdown-content,body.skin-vector-2022 .vector-pinnable-header,body.skin-vector-2022 .vector-appearance-content{background:var(--hosaka-surface);color:var(--hosaka-text)}
body.skin-vector-2022 .mw-body{border:1px solid var(--hosaka-border);border-top:2px solid var(--hosaka-accent);border-radius:6px;padding:24px}
body.skin-vector-2022 a{color:var(--hosaka-accent)}
body.skin-vector-2022 .new{color:#B5243F}
body.skin-vector-2022 h1,body.skin-vector-2022 h2,body.skin-vector-2022 h3,body.skin-vector-2022 .mw-heading{font-family:"Noto Sans","DejaVu Sans",sans-serif;color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 h1{font-size:32px;line-height:1.25;font-weight:600}
body.skin-vector-2022 h2{font-size:24px;line-height:1.3;font-weight:600}
body.skin-vector-2022 pre,body.skin-vector-2022 code,body.skin-vector-2022 .mw-code{font-family:"Noto Sans Mono","DejaVu Sans Mono",monospace;background:var(--hosaka-raised);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 pre{padding:16px;border-radius:6px;overflow:auto}
body.skin-vector-2022 .wikitable,body.skin-vector-2022 .infobox,body.skin-vector-2022 .toc,body.skin-vector-2022 .thumbinner{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .wikitable td,body.skin-vector-2022 .infobox th,body.skin-vector-2022 .infobox td{border-color:var(--hosaka-border)}
body.skin-vector-2022 .wikitable th,body.skin-vector-2022 .infobox th{background:var(--hosaka-raised);color:var(--hosaka-text)}
body.skin-vector-2022 input:not([type=radio]):not([type=checkbox]),body.skin-vector-2022 select,body.skin-vector-2022 textarea,body.skin-vector-2022 .cdx-text-input__input,body.skin-vector-2022 .cdx-search-input__end-button{background:var(--hosaka-surface);color:var(--hosaka-text);border-color:var(--hosaka-border);border-radius:6px}
body.skin-vector-2022 button:not(.cdx-button--fake),body.skin-vector-2022 .mw-ui-button{border-radius:6px}
body.skin-vector-2022 :focus-visible{outline:3px solid var(--hosaka-accent);outline-offset:3px}
body.skin-vector-2022 ::selection{background:var(--hosaka-accent);color:var(--hosaka-background)}
body.skin-vector-2022 .mw-parser-output blockquote{border-left:3px solid var(--hosaka-accent);padding-left:16px;color:var(--hosaka-muted)}
body.skin-vector-2022 #footer{color:var(--hosaka-muted)}
@media(max-width:700px){body.skin-vector-2022 .mw-body{padding:16px}body.skin-vector-2022 h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.skin-vector-2022 *,body.skin-vector-2022 *::before,body.skin-vector-2022 *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){body.skin-vector-2022 .mw-body{border:2px solid CanvasText}}

/* END HOSAKA NIGHT RELAY */