User:Zuzij/vector.css

/* \******************************************************************************/
 * Copyright (c) 2021 Robert Hegler
 * Copying and distribution of this file, with or without modification,
 * are permitted in any medium without royalty provided the copyright
 * notice and this notice are preserved. This file is offered as-is,
 * without any warranty.

/*** Errors *** * The errors should be safe to ignore unless you are using Internet Explorer, * in which case, this stylesheet might blow up (afaik it doesn't support * custom properties). * Tested in Firefox 86.0.1 */


 * root

/* \******************************************************************************/ { --wiki-base00: var( --base00, hsl( 229, 37%, 20% )); /* ↑ Darkest                 #202746 */ --wiki-base01: var( --base01, hsl( 229, 35%, 25% )); /* ↑ Super dark              #293256 */ --wiki-base02: var( --base02, hsl( 228, 18%, 45% )); /* ↑ Very dark               #5e6687 */ --wiki-base03: var( --base03, hsl( 229, 16%, 50% )); /* ↑ Dark                    #6b7394 */ --wiki-base04: var( --base04, hsl( 229, 13%, 59% )); /* ↑ Light                   #898ea4 */ --wiki-base05: var( --base05, hsl( 229, 16%, 65% )); /* ↑ Very light              #979db4 */ --wiki-base06: var( --base06, hsl( 229, 40%, 91% )); /* ↑ Super light             #dfe2f1 */ --wiki-base07: var( --base07, hsl( 229, 94%, 98% )); /* ↑ Lightest                #f5f7ff */ --wiki-base08: var( --base08, hsl( 14, 71%, 47% )); /* ↑ Red                     #c94922 */ --wiki-base09: var( --base09, hsl( 25, 66%, 47% )); /* ↑ Orange                  #c76b29 */ --wiki-base0a: var( --base0a, hsl( 38, 60%, 47% )); /* ↑ Yellow                  #c08b30 */ --wiki-base0b: var( --base0b, hsl( 49, 50%, 45% )); /* ↑ Green                   #ac9739 */ --wiki-base0c: var( --base0c, hsl( 194, 71%, 46% )); /* ↑ Cyan                    #22a2c9 */ --wiki-base0d: var( --base0d, hsl( 207, 62%, 53% )); /* ↑ Blue                    #3d8fd1 */ --wiki-base0e: var( --base0e, hsl( 229, 50%, 60% )); /* ↑ Violet                  #6679cc */ --wiki-base0f: var( --base0f, hsl( 336, 22%, 50% )); /* ↑ Magenta                 #9c637a */
 * Global color scheme - Atelier Sulphurpool
 * Copyright (c) 2013 Bram de Haan (atelierbramdehaan dot nl) / MIT license

/* \******************************************************************************/
 * ANSI colors / MIT license

/* ANSI Color 0 (Black) is var( --base00 ) */ --wiki-base11: var( --base11, hsl( 14, 71%, 46% )); /* ↑ ANSI Color 1 (Red)      #c94922 */ --wiki-base12: var( --base12, hsl( 41, 48%, 44% )); /* ↑ ANSI Color 2 (Blue)     #A6843A */ --wiki-base13: var( --base13, hsl( 25, 66%, 47% )); /* ↑ ANSI Color 3 (Brown)    #c76b29 */ --wiki-base14: var( --base14, hsl( 229, 50%, 60% )); /* ↑ ANSI Color 4 (Green)    #6679cc */ --wiki-base15: var( --base15, hsl( 336, 22%, 41% )); /* ↑ ANSI Color 5 (Purple)   #805164 */ --wiki-base16: var( --base16, hsl( 194, 50%, 40% )); /* ↑ ANSI Color 6 (Cyan)     #338299 */ /* ANSI Color 7 (Light grey) is var( --base06 ) */ /* ANSI Color 8 (Dark grey) is var( --base01 ) */ --wiki-base19: var( --base19, hsl( 14, 79%, 53% )); /* ↑ ANSI Color 9 (Bright red) #e65427 */ --wiki-base1a: var( --base1a, hsl( 49, 50%, 45% )); /* ↑ ANSI Color A (Bright blue) #ac9739 */ --wiki-base1b: var( --base1b, hsl( 38, 60%, 47% )); /* ↑ ANSI Color B (Yellow)   #c08b30 */ --wiki-base1c: var( --base1c, hsl( 207, 62%, 53% )); /* ↑ ANSI Color C (Bright green) #3d8fd1 */ --wiki-base1d: var( --base1d, hsl( 336, 22%, 50% )); /* ↑ ANSI Color D (Bright purple) #9c637a */ --wiki-base1e: var( --base1e, hsl( 194, 71%, 46% )); /* ↑ ANSI Color E (Bright cyan) #22a2c9 */ /* ANSI Color F (White) is var( --base0f ) */ }

/* \******************************************************************************/ body, .mw-body, .parsoid-body { background-color: var( --wiki-base00 ); color: var( --wiki-base06 ); border: none; } h1, h2, h3, h4, h5, h6 { color: var( --wiki-base06 ); }
 * Super-high level organization

/* \******************************************************************************/
 * Links and navigation

/* High-level */ .vector-menu-tabs, .vector-menu-tabs a, .vector-menu-content-list li, .vector-menu-tabs .selected, .vector-menu-portal h3, { background:transparent; }
 * 1) mw-head .vector-menu-dropdown h3,
 * 2) mw-page-base

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var( --wiki-base07 ); }

.mw-footer li, .tocnumber { color: var( --wiki-base06 ); }

.vector-menu-dropdown h3, .vector-menu-portal h3 { color: var( --wiki-base05 ); }

ol.references li:target, sup.reference:target { background-color: var( --base01 ); }

/* Search */ .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: var( --wiki-base04 ); color: var( --wiki-base07 ); border: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input:placeholder { color:var( --wiki-base06 ) }
 * 1) searchInput,
 * 1) searchInput::placeholder,

.oo-ui-textInputWidget .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget .oo-ui-inputWidget-input:hover .oo-ui-textInputWidget .oo-ui-inputWidget-input:focus { background: var( --wiki-base05); box-shadow: none; } { color: var( --wiki-base06 ); }
 * 1) searchInput:focus,
 * 2) simpleSearch:hover #searchInput:focus,
 * 1) searchInput:focus::placeholder,
 * 2) simpleSearch:hover #searchInput:focus::placeholder

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var( --wiki-base01 ); color: var( --wiki-base06 )}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { background-color: var( --base00 ); color: var( --base05 ); border-color: var( --base02 ); }

/* Normal links */ a, .mw-parser-output a.extiw, .mw-parser-output a.external, .vector-menu-portal .body li a, .vector-menu-tabs li a, .vector-menu-portal .vector-menu-content li a { color: var( --wiki-base0e ); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited, .vector-menu-portal .body li a:visited, .vector-menu-tabs li a, .vector-menu-portal .vector-menu-content li a:visited { color: var( --wiki-base0f ); } .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited { color: var( --wiki-base08 ); } a.new, #p-personal a.new { color: var( --wiki-base09 ); }

/* Buttons */

.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: var( --wiki-base00 ); color: var( --wiki-base06 ); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background-color: var( --wiki-base00 ); color: var( --wiki-base06 ); border-color: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var( --wiki-base0e ); color: var( --wiki-base00 ); border: none; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: var( --wiki-base01 ); color: var( --wiki-base0e ); border-color: none; box-shadow: none; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var( --wiki-base07 ); background-color: var( --wiki-base1c ); border-color: var( --wiki-base14 ); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var( --wiki-base07 ); background-color: var( --wiki-base00 ); border-color: none; box-shadow: none; }

/* \******************************************************************************/ .mw-parser-output #mp-topbanner { min-width: 0 !important; } .mw-parser-output #mp-portals { min-width: 0 !important; width: 50% !important; } .mw-parser-output .MainPageBG, #mp-topbanner { background: var( --wiki-base00 ) !important; color: var( --wiki-base06 ) !important; } .mw-parser-output .mp-bordered { border-color: var( --wiki-base02 ) !important; } .mp-h2 { background: var( --wiki-base01 ) !important; color: var( --wiki-base07 ) !important; border: none !important; } /* \******************************************************************************/ .infobox, .navbox, .warningbox, .mw-highlight, .toc, .toccolors, code, pre, .mw-code, .catlinks, .wikitable, .wikitable > tr > th, .wikitable > * > tr > th, table.fmbox, table.ambox, table.ambox-speedy, table.imbox, table.imbox-speedy, table.imbox-license, table.cmbox, table.cmbox-notice, table.cmbox-speedy, table.cmbox-delete, table.cmbox-content, table.cmbox-style, table.cmbox-move, table.cmbox-protection, table.ombox, table.ombox-speedy, table.tmbox, table.tmbox-speedy, .ace-tm .ace_gutter, .mw-searchresults-has-iw .iw-resultset, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-advancedSearch-fieldContainer { background: var( --wiki-base00 ); color: var( --wiki-base06 ); border-color: var( --base02 ); }
 * Main page
 * Boxes, blocks, tables, &c.

/* Override inline styles */ .infobox tbody tr th, .navbox tbody tr th, .thumbinner, .sistersitebox, .fmbox, .boilerplate, .wikitable > tr > th, .wikitable > * > tr > th, .ace-tm, .ace-tm .ace_gutter-active-line, .sidebar, .sidebar-heading, .sidebar-title, .module-shortcutboxplain { background: var( --wiki-base01 ) !important; color: var( --wiki-base07 ) !important; border: 1px solid var( --base01 ) !important; } .table-yes { background: var( --wiki-base0b ) !important; color: var( --wiki-base07 ) !important; } .table-no { background: var( --wiki-base08 ) !important; color: var( --wiki-base07 ) !important; } .table-partial { background: var( --wiki-base0a ) !important; color: var( --wiki-base07 ) !important; } .table-na { background: var( --wiki-base04 ) !important; color: var( --wiki-base07 ) !important; } .table-free { background: var( --wiki-base1d ) !important; color: var( --wiki-base07 ) !important; } .table-proprietary { background: var( --wiki-base15 ) !important; color: var( --wiki-base07 ) !important; } /* Bits & pieces */ .mw-highlight .nv, .navbox th, .navbox-title { background-color:inherit; color: inherit; }

/* \******************************************************************************/ td.linenos .special { color:           var( --wiki-base00 ); background-color: var( --wiki-base07 ); } span.linenos.special { color:           var( --wiki-base00 ); background-color: var( --wiki-base07 ); } .mw-highlight .hll { background-color: var( --wiki-base07 ); } .mw-highlight .c { color:           var( --wiki-base16 ); } .mw-highlight .err { border: 1px solid var( --wiki-base19 ); } .mw-highlight .k { color:           var( --wiki-base12 ); } .mw-highlight .o { color:           var( --wiki-base02 ); } .mw-highlight .ch { color:           var( --wiki-base16 ); } .mw-highlight .cm { color:           var( --wiki-base16 ); } .mw-highlight .cp { color:           var( --wiki-base13 ); } .mw-highlight .cpf { color:           var( --wiki-base16 ); } .mw-highlight .c1 { color:           var( --wiki-base16 ); } .mw-highlight .cs { color:           var( --wiki-base16 ); } .mw-highlight .gd { color:           var( --wiki-base11 ); } .mw-highlight .gr { color:           var( --wiki-base19 ); } .mw-highlight .gh { color:           var( --wiki-base14 ); } .mw-highlight .gi { color:           var( --wiki-base1a ); } .mw-highlight .go { color:           var( --wiki-base03 ); } .mw-highlight .gp { color:           var( --wiki-base14 ); } .mw-highlight .gu { color:           var( --wiki-base15 ); } .mw-highlight .gt { color:           var( --wiki-base1e ); } .mw-highlight .kc { color:           var( --wiki-base12 ); } .mw-highlight .kd { color:           var( --wiki-base12 ); } .mw-highlight .kn { color:           var( --wiki-base12 ); } .mw-highlight .kp { color:           var( --wiki-base12 ); } .mw-highlight .kr { color:           var( --wiki-base12 ); } .mw-highlight .kt { color:           var( --wiki-base1d ); } .mw-highlight .m { color:           var( --wiki-base02 ); } .mw-highlight .s { color:           var( --wiki-base19 ); } .mw-highlight .na { color:           var( --wiki-base12 ); } .mw-highlight .nb { color:           var( --wiki-base12 ); } .mw-highlight .nc { color:           var( --wiki-base1c ); } .mw-highlight .no { color:           var( --wiki-base11 ); } .mw-highlight .nd { color:           var( --wiki-base1d ); } .mw-highlight .ni { color:           var( --wiki-base04 ); } .mw-highlight .ne { color:           var( --wiki-base19 ); } .mw-highlight .nf { color:           var( --wiki-base1c ); } .mw-highlight .nl { color:           var( --wiki-base13 ); } .mw-highlight .nn { color:           var( --wiki-base1c ); } .mw-highlight .nt { color:           var( --wiki-base12 ); } .mw-highlight .nv { color:           var( --wiki-base14 ); } .mw-highlight .ow { color:           var( --wiki-base1d ); } .mw-highlight .w { color:           var( --wiki-base05 ); } .mw-highlight .mb { color:           var( --wiki-base02 ); } .mw-highlight .mf { color:           var( --wiki-base02 ); } .mw-highlight .mh { color:           var( --wiki-base02 ); } .mw-highlight .mi { color:           var( --wiki-base02 ); } .mw-highlight .mo { color:           var( --wiki-base02 ); } .mw-highlight .sa { color:           var( --wiki-base19 ); } .mw-highlight .sb { color:           var( --wiki-base19 ); } .mw-highlight .sc { color:           var( --wiki-base19 ); } .mw-highlight .dl { color:           var( --wiki-base19 ); } .mw-highlight .sd { color:           var( --wiki-base19 ); } .mw-highlight .s2 { color:           var( --wiki-base19 ); } .mw-highlight .se { color:           var( --wiki-base1b ); } .mw-highlight .sh { color:           var( --wiki-base19 ); } .mw-highlight .si { color:           var( --wiki-base15 ); } .mw-highlight .sx { color:           var( --wiki-base12 ); } .mw-highlight .sr { color:           var( --wiki-base15 ); } .mw-highlight .s1 { color:           var( --wiki-base19 ); } .mw-highlight .ss { color:           var( --wiki-base14 ); } .mw-highlight .bp { color:           var( --wiki-base12 ); } .mw-highlight .fm { color:           var( --wiki-base1c ); } .mw-highlight .vc { color:           var( --wiki-base14 ); } .mw-highlight .vg { color:           var( --wiki-base14 ); } .mw-highlight .vi { color:           var( --wiki-base14 ); } .mw-highlight .vm { color:           var( --wiki-base14 ); } .mw-highlight .il { color:           var( --wiki-base02 ); }
 * The remainder of the file deals with syntax highlighting.