MediaWiki:Vector-2022.css: Difference between revisions
m (sitenotice: remove width to fix resizing issues) |
(added dark theme - modifying default mediawiki colors) |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Vector-2022 skin */ | /* All CSS here will be loaded for users of the Vector-2022 skin */ | ||
/* pz-theme */ | |||
:root { | |||
--color-mw: #c1ccc1; | |||
--color-mw-border: #484e51; | |||
--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 */ | /* MediaWiki:Sitenotice */ | ||
Line 10: | Line 23: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
max-width: 1000px; | max-width: 1000px; | ||
} | |||
/* 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 */ | |||
} | |||
.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: 1px solid #e3e1df; | |||
} | |||
.mw-sidebar { | |||
background-color: #181818 /* sidebar background color */ | |||
} | |||
.vector-menu-portal .vector-menu-heading { | |||
color: #e3e1df; | |||
} | |||
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; | |||
} | } |
Revision as of 04:49, 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;
--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;
}
/* 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 */
}
.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: 1px solid #e3e1df;
}
.mw-sidebar {
background-color: #181818 /* sidebar background color */
}
.vector-menu-portal .vector-menu-heading {
color: #e3e1df;
}
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;
}