MediaWiki:Vector-2022.css

/* All CSS here will be loaded for users of the Vector-2022 skin */

/* pz-theme */
:root {
    --color-mw: #c1ccc1;
    --color-mw-border: #484e51;
    --link-mw: #7593cf;
    --background-mw: #212121;
    --background-mw-even: #1c1c1c;
    --background-mw-odd: #212121;
    --background-mw-heading: #e5e5e5;
    --background-red: #212121; /* TODO: currently the same as background-mw (previously f4f3eb) */
    --background-blue: #212121; /* TODO: currently the same as background-mw (previously ebf3f4) */
    --border-mw: 1px solid #a2a9b1;
}

/* MediaWiki:Sitenotice */
.vector-sitenotice-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.sitenotice-card {
    box-sizing: border-box;
    max-width: 1000px;
    background-color: #181818;
    border-bottom: 1px solid var(--color-mw-border);
    color: var(--color-mw);
}

/* MediaWiki default theme changes */
body {
    background-color: #181818; /*vertical bar color*/
    color: #c1ccc1; /*body font color*/
}

.mw-page-container {
    background-color: #1f1f1f; /* body background color */
}

/* links */
a:visited, a, 
.vector-menu-tabs .mw-list-item a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.mw-parser-output a.extiw,.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,
#pt-userpage-2 a {
    color: var(--link-mw);
}

.vector-menu-tabs .mw-list-item.selected a,.vector-menu-tabs .mw-list-item.selected a:visited {
    color: #e3e1df;
}

/* sticky header that displays after scrolling */
.vector-sticky-header {
    background: var(--color-red);
    background-color: var(--color-red);
    border-bottom-color: var(--border-mw);
}
.vector-sticky-header-context-bar {
    border-left: none;
}

.mw-sidebar {
    background-color: #181818 /* sidebar background color */
}

.vector-menu-portal .vector-menu-heading {
    color: #e3e1df;
}

/* toolbar, i.e. Read, Edit, etc. */
.mw-article-toolbar-container {
    border-bottom-color: var(--color-mw-border);
}

pre,
code,.mw-code {
    background-color: #181818;
    color: #c1ccc1;
    border-color: #2b2b2b;
}

/* pre highlight color */
.mw-highlight .hll {
    background-color: #ffffcc;
}

/* pre line number */
.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 #1f1f1f;
}
.mw-highlight a:hover .linenos {
/* ADD TO SELECTOR FOR HIGHLIGHT TEXT COLOUR: '.mw-highlight .hll a .linenos' */
    color: #ded8d8
}

/* wikitable */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: #2b2b2b;
    color: #e3e1df;
}
table.wikitable tr:nth-child(even) td{
	background-color: #1c1c1c;
	color: #c1ccc1;
}
table.wikitable tr:nth-child(odd) td{
	background-color: #212121;
	color: #c1ccc1;
}

/* headings */
h1,h2,h3,h4,h5,h6 {
	color: #e3e1df;
}

/* gallery thumb */
li.gallerybox div.thumb {
    border: 1px solid #484e51;
    background-color: #212121;
}

/* category links bar */
.catlinks {
    border: 1px solid #484e51;
    background-color: #212121;
}

.sidebar-toc {
    background-color: #181818; /* toc background color */
}

.sidebar-toc .sidebar-toc-title {
    color: #e3e1df;
}

.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link {
    color: #c1ccc1;
}

/* toc button */
#vector-toc-collapsed-button {
    background-color: #181818
}

/* toc gradient */
.vector-toc-not-collapsed .sidebar-toc:after {
    background: none; 
}

/* edit area - below */
.editOptions {
    background-color: #181818;
    color: #c1ccc1;
    border-color #2b2b2b;
}
/* edit summary */
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #1f1f1f;
    color: #c1ccc1;
    border-color: #2b2b2b;
}
/* buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #1c1c1c;
    color: #c1ccc1;
    border-color: #2b2b2b;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: #212121;
    color: #c1ccc1;
    border-color: #2b2b2b
}

/* checkbox */
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
    background-color: #1c1c1c;
    border-color: #2b2b2b;
}

/* Template:Quote */
.quote .quote-text {
    border-left: 1px solid var(--color-mw-border);
}

/* syntaxhighlight */
.mw-highlight .nc {
    color: #3535ff;
}
.mw-highlight .nv {
    color: #37367b;
}

/* difference */
.diff-context {
    background: var(--background-mw-even);
    border-color: var(--color-mw-border);
    color: var(--color-mw);
}
.diff-deletedline {
    border-color: #b21a1a;
}
.diff-deletedline .diffchange {
    background: #701010;
}
.diff-addedline {
    border-color: #132697;
}
.diff-addedline .diffchange {
    background: #374fdf;
}