MediaWiki:Vector-2022.css: Difference between revisions
m (border fix) |
m (separate mw-prefs) |
||
Line 285: | Line 285: | ||
/* Preferences */ | /* Preferences */ | ||
.oo-ui-tabSelectWidget-framed | .oo-ui-tabSelectWidget-framed { | ||
background-color: var(--background-mw-heading); | |||
} | |||
.mw-prefs-buttons { | .mw-prefs-buttons { | ||
background-color: var(--background-mw-heading); | background-color: var(--background-mw-heading); |
Revision as of 13:57, 30 March 2024
/* 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: #3366cc;
--background-mw: #212121;
--background-mw-even: #1c1c1c;
--background-mw-odd: #212121;
--background-mw-heading: #2b2b2b;
--background-red: #212121; /* TODO: currently the same as background-mw (previously f4f3eb) */
--background-blue: #212121; /* TODO: currently the same as background-mw (previously ebf3f4) */
--background-message-error: #690501;
--background-message-warn: #8b5f0b;
--background-message-info: #091f3d;
--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,
.sidebar-toc .sidebar-toc-link,
#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,
.mw-highlight {
background-color: #181818;
color: #c1ccc1;
border-color: #2b2b2b;
}
/* pre highlight color */
.mw-highlight .hll {
background-color: #ffffcc00;
border: 1px solid var(--color-mw-border);
}
/* 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,
.mw-highlight .hll a .linenos {
color: #ded8d8;
}
/* syntaxhighlight */
.mw-highlight .nc,
.mw-highlight .nn {
color: #d7ba7d;
font-weight: normal;
}
.mw-highlight .nv {
color: #569cd6;
}
.mw-highlight .c {
color: #6a9955;
}
.mw-highlight .k {
color: #7cdcf0;
font-weight: normal;
}
.mw-highlight .nf {
color: #dcdcaa;
}
.mw-highlight .mh,
.mw-highlight .kc {
color: #ce9178;
font-weight: normal;
}
.mw-highlight .nd {
color: #c586c0;
}
.mw-highlight .mi,
.mw-highlight .mf {
color: #b5cea8;
}
.mw-highlight .nt {
color: #43c9b0;
font-weight: normal;
}
.mw-highlight .kt {
color: #b3466e;
}
/* 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,
.mw-body-content .mw-number-text h3 {
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,
.mw-editform .editOptions {
background-color: #181818;
color: #c1ccc1;
border-color: var(--color-mw-border);
}
/* 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,
.mw-ui-button,
.mw-widget-dateInputWidget-handle {
background-color: #1c1c1c;
color: #c1ccc1;
border-color: #2b2b2b;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.mw-ui-button:not(:disabled):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);
}
/* 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;
}
/* history */
#pagehistory li.selected {
background-color: var(--background-mw);
color: var(--color-mw);
}
.oo-ui-panelLayout-framed {
border-color: var(--border-mw);
}
/* edit form */
.mw-editform #wpTextbox1 {
background-color: #181818;
color: var(--color-mw);
border-color: var(--color-mw-border);
}
/* dropdown menu arrow */
.vector-menu-dropdown .vector-menu-heading:after,
.mw-interlanguage-selector:after {
filter: brightness(6.0);
}
/* search box */
.client-js .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width .vector-search-box-input {
background-color: white;
}
/* Preferences */
.oo-ui-tabSelectWidget-framed {
background-color: var(--background-mw-heading);
}
.mw-prefs-buttons {
background-color: var(--background-mw-heading);
border: 1px solid var(--color-mw-border);
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: var(--color-mw-border);
background-color: var(--background-mw-even);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget {
color: var(--color-mw);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: #1F1F1F
color: var(--color-mw);
border-color: var(--color-mw-border);
}