User:Cyrus/common.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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*
To include this in your own user CSS, add the following to the TOP of
your Special:MyPage/common.css or meta:Special:MyPage/global.css:
@import url("https://en.wikipedia.org/w/index.php?title=User:Tollens/darkTheme.css&action=raw&bcache=1&maxage=86400&ctype=text/css") screen; /* Backlink: [[User:Tollens/darkTheme.css]] */
/* All @import statements must be at the top of the page, before any other
CSS declarations.
*/
:root {
--default-text-color: 240, 240, 240;
--default-main-color: 24, 24, 24;
--default-accent-color: 38, 38, 38;
--default-header-background-color: 74, 74, 74;
--default-redlink-color: 255, 51, 51;
--default-important-button-color: 51, 102, 204;
--default-unvisited-link-color: 107, 162, 250;
--default-visited-link-color: 115, 102, 255;
--default-timestamp-link-color: 200, 200, 200;
--default-negative-color: 255, 37, 37;
--default-positive-color: 41, 202, 44;
--default-diff-added-color: 128, 193, 255;
--default-diff-deleted-color: 251, 200, 80;
--default-accented-border-color: 170, 170, 170;
--background-color-interactive-subtle: rgb(var(--accent-color, var(--default-accent-color)));
}
:not(
.legend-color,
.legend-content,
body,
.diffchange,
[role="img"] *,
.vjs-control,
.vjs-control *,
.mw-tmh-player *,
.minerva-icon,
.cdx-table *
) {
box-shadow: none !important;
background-color: transparent !important;
}
* {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
body.mediawiki {
background-image: none !important;
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
body.mediawiki.skin-vector-2022 {
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
td,
tr {
background: transparent !important;
}
th {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
ul {
list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="%23ffffff"/></svg>');
}
.vector-header-container {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
border-bottom: 2px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.vector-sticky-header {
border: none !important;
}
.vector-menu-portal h3 {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.vector-dropdown-label::after,
.mw-interlanguage-selector::after {
filter: brightness(0) invert(1) !important;
}
.vector-icon {
background-color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.vector-page-toolbar-container {
box-shadow: 0 1px rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(
rgba(var(--main-color, var(--default-main-color)), 0),
rgb(var(--main-color, var(--default-main-color)))
) !important;
}
.vector-dropdown-content {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
border: 1px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.cdx-search-input input,
.cdx-search-input button {
border-width: 2px !important;
}
.uls-menu {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
body.skin-vector-2022 .mw-logo-container {
filter: invert(1) !important;
}
.mw-body {
color: rgb(var(--text-color, var(--default-text-color)));
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
}
#mw-page-base {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
background-image: none;
}
body:not(.skin-vector-2022) #mw-panel {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
body:not(.skin-vector-2022) .vector-menu-tabs li {
background-image: linear-gradient(
to bottom,
rgb(var(--accent-color, var(--default-accent-color))),
rgb(var(--main-color, var(--default-main-color)))
);
}
body:not(.skin-vector-2022) .vector-menu-tabs .selected {
background-image: linear-gradient(
to bottom,
rgb(var(--accent-color, var(--default-accent-color))),
rgb(var(--main-color, var(--default-main-color)))
);
}
body.skin-vector-2022 .vector-menu-tabs .selected span {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
color: rgb(var(--text-color, var(--default-text-color)));
}
.vector-menu-tabs .new a,
.vector-menu-tabs .new a:visited,
.vector-menu-tabs .new a *,
.vector-menu-tabs .new a:visited * {
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important;
}
a.new:visited,
a.new,
#p-personal a.new,
#p.personal a.new:visited,
a.new:visited *,
a.new * {
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important;
}
.mw-ui-icon::before {
filter: brightness(0) saturate(100%) invert(1) !important;
}
.oo-ui-icon-tray,
.mw-ui-icon-tray::before,
.oo-ui-icon-tray::after,
.oo-ui-icon-bell,
.mw-ui-icon-bell::before,
.oo-ui-icon-bell::after {
filter: invert(1) !important;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1;
}
#editpage-specialchars a {
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
border: none;
}
body:not(.skin-vector-2022) #searchInput {
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
border: 2px solid #a2a9b1;
color: rgb(var(--text-color, var(--default-text-color)));
border-radius: 6px;
}
body.skin-vector-2022 #simpleSearch .cdx-text-input__icon {
background-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
#searchButton {
display: none;
visibility: hidden;
}
.toc,
.toccolours {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.tocnumber {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.infobox th {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
}
.infobox th[scope="row"],
.infobox th.infobox-label {
background-color: transparent !important;
}
.infobox-subheader,
.infobox-header {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
border: none;
}
.navbox,
.catlinks,
.thumbinner,
table.ambox,
table {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.navbox-list,
table:not(
.box-Multiple_issues,
.box-Citation_style,
.box-Advert,
.box-Underlinked,
.box-POV,
.ambox-protection,
.ambox-move,
.ambox-content,
.ambox-style,
.ambox-delete,
.ambox-speedy,
.ambox-notice
) {
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.navbox th,
.navbox-title,
.navbox-group,
.navbox-abovebelow,
.navbox-subgroup {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
}
.navbox-even {
background-color: transparent !important;
}
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {
border-top: 1px solid rgb(var(--text-color, var(--default-text-color)));
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
}
.mp-box {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.mp-h2 {
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.mw-footer li {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.fmbox,
.tmbox,
.cmbox,
.ambox,
.imbox,
.ombox,
.mbox,
.dmbox,
.asbox,
.sistersitebox,
.wikitable,
.infobox,
.documentation,
.documentation-metadata,
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label,
.client-js .fmbox,
.client-js .tmbox,
.client-js .cmbox,
.client-js .ambox,
.client-js .imbox,
.client-js .ombox,
.client-js .mbox,
.client-js .dmbox,
.client-js .asbox {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.asbox,
.dmbox {
border: 1px solid rgb(var(--text-color, var(--default-text-color)));
}
.mw-advancedSearch-namespace-selection,
.mw-advancedSearch-fieldContainer {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-wiki-logo {
filter: drop-shadow(0 0 1000vw white) !important;
}
.branding-box img,
.minerva-footer-logo img {
content: url(https://upload.wikimedia.org/wikipedia/commons/e/eb/WikilogoText_White.svg) !important;
}
.wikipediauserbox span,
.wikipediauserbox td {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.wikipediauserbox {
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display,
.oo-ui-indicatorElement-indicator,
.oo-ui-iconElement-icon {
filter: brightness(0) invert(1);
}
.oo-ui-menuSelectWidget {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.oo-ui-toolbar-bar,
.oo-ui-toolbar-bar > * {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.oo-ui-toolbar-bar .oo-ui-indicatorElement-indicator,
.oo-ui-toolbar-bar .oo-ui-iconElement-icon {
background-color: transparent !important;
}
.mw-notification,
.mw-notification :not(.oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator) {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: rgba(var(--accent-color, var(--default-accent-color)), 0.5) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame *:not(a) {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-iconElement-icon,
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-indicatorElement-indicator {
background-color: transparent !important;
}
.ve-ui-toolbar-saveButton {
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important;
}
.ve-ui-toolbar-saveButton * {
color: rgb(var(--text-color, var(--default-text-color))) !important;
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important;
}
.oo-ui-processDialog-actions-safe
.oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)
> .oo-ui-buttonElement-button {
background-color: transparent !important;
}
.oo-ui-processDialog-actions-other .oo-ui-labelElement-label {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.oo-ui-processDialog-actions-other .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-other .oo-ui-buttonElement-button * {
background-color: transparent !important;
}
.oo-ui-windowManager-modal
> .oo-ui-dialog
> .oo-ui-window-frame
.oo-ui-processDialog-actions-primary
.oo-ui-labelElement-label,
.oo-ui-windowManager-modal
> .oo-ui-dialog
> .oo-ui-window-frame
.oo-ui-processDialog-actions-primary
.oo-ui-buttonElement-button {
color: rgb(var(--text-color, var(--default-text-color))) !important;
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important;
}
.oo-ui-popupWidget-footer .oo-ui-buttonElement-button {
background-image: none !important;
background: transparent !important;
text-shadow: none !important;
}
#ooui-4 {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
#wpSave {
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important;
}
.cx-campaign-contributionsmenu {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.cx-campaign-contributionsmenu *::marker {
filter: brightness(0) saturate(100%) invert(1) !important;
}
.oo-ui-popupWidget-popup {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.oo-ui-popupWidget-anchor {
filter: brightness(0) saturate(100%) invert(1) !important;
}
body:not(.skin-vector-2022) .vector-menu-content-list {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.rt-tooltip {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.rt-tail::after {
background: linear-gradient(
to top right,
rgb(var(--text-color, var(--default-text-color))) 50%,
rgba(0, 0, 0, 0) 50%
);
bottom: 0;
left: 0;
}
.suggestions {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.cnotice,
.centralNotice {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
border: 1px solid #aaaaaa !important;
}
.ambox table.ambox {
border: none !important;
}
.mbox-text-span::marker,
.mbox-text-span {
list-style-image: unset !important;
}
.references-drawer {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
border: 1px solid rgb(var(--text-color, var(--default-text-color)));
}
.image-details {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.overlay {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.overlay.media-viewer {
background: rgb(var(--main-color, var(--default-main-color))) !important;
}
.mw-widget-calendarWidget {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-widget-calendarWidget-header {
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color)));
}
.mw-widget-calendarWidget-item:hover {
background: rgb(var(--main-color, var(--default-main-color))) !important;
}
.ui-widget {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ui-widget .ui-widget-header {
background: rgb(var(--main-color, var(--default-main-color))) !important;
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.select2-dropdown--below {
background: rgb(var(--main-color, var(--default-main-color))) !important;
}
.select2-results > ul > li ul > li:hover {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.select2-results {
line-height: 1.7em !important;
}
.submitButtonProxy {
border-radius: 3px;
border: 1px solid;
}
.ui-widget fieldset {
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
#p-personal ul {
padding-left: 0;
}
a,
a > *,
.oo-ui-toolbar-bar > a:visited > * {
color: rgb(var(--unvisited-link-color, var(--default-unvisited-link-color))) !important;
}
a:visited,
a:visited > *,
.oo-ui-toolbar-bar > a:visited > * {
color: rgb(var(--visited-link-color, var(--default-visited-link-color))) !important;
}
.mw-helplink.mw-helplink {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.mw-helplink-icon {
background-color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.diff-addedline .diffchange {
background: rgb(var(--diff-added-color, var(--default-diff-added-color)));
color: black !important;
}
.diff-deletedline .diffchange {
background: rgb(var(--diff-deleted-color, var(--default-diff-deleted-color)));
color: black !important;
}
.keyboard-key {
background-image: none !important;
}
.thumbimage:not(.video-js) {
background-color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.mw-mmv-above-fold {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-mmv-image-metadata {
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
}
.client-js .ambox .ambox-learn-more::before {
background: none !important;
}
#language-settings-dialog {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.uls-sub-panel {
border-top: none !important;
}
.oo-ui-toolGroup-tools {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
#mw-fr-reviewnotice {
margin: 1em;
}
#mw-fr-reviewnotice div {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
#mw-fr-reviewform > fieldset {
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.ace_tooltip,
.ace_search {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ace-tm .ace_marker-layer .ace_selection {
background-color: #444444 !important;
}
#mw-fr-revisiontag,
#mw-fr-revisiondetails {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
#mw-fr-submit-accept {
background-color: rgb(var(--positive-color, var(--default-positive-color))) !important;
cursor: pointer !important;
}
#mw-fr-submit-reject,
#mw-fr-submit-unaccept {
background-color: rgb(var(--negative-color, var(--default-negative-color))) !important;
cursor: pointer !important;
}
.tipsy-inner {
background-color: rgb(var(--main-color, var(--default-main-color))) !important;
}
#mw-mf-page-left {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-parser-output .task-center-header {
background: transparent !important;
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.mw-parser-output .job-description-title,
.mw-parser-output .job-description-experience {
background: transparent !important;
}
.ext-discussiontools-ui-replyWidget-scrollback-bottom > a,
.ext-discussiontools-ui-replyWidget-scrollback-top > a {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ve-ui-findAndReplaceDialog-findResult,
.ve-ui-findAndReplaceDialog-findResult-focused {
opacity: 0.4 !important;
}
.ve-ce-surface-selections-findResult-focused > div {
background: #fff21e !important;
}
.ve-ce-surface-selection > div {
background: #1e90ff !important;
}
.oo-ui-pendingElement-pending,
.cdx-lookup--pending {
background-image: linear-gradient(
135deg,
rgb(var(--main-color, var(--default-main-color))) 25%,
transparent 25%,
transparent 50%,
rgb(var(--main-color, var(--default-main-color))) 50%,
rgb(var(--main-color, var(--default-main-color))) 75%,
transparent 75%,
transparent
) !important;
}
.mw-plusminus-pos {
color: rgb(var(--positive-color, var(--default-positive-color))) !important;
}
.mw-plusminus-neg {
color: rgb(var(--negative-color, var(--default-negative-color))) !important;
}
.mw-plusminus-null {
color: #bbbbbb !important;
}
.SCPopupIE,
.SCPopup {
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ext-growthExperiments-CPopper__popover,
#mentee-filters-form,
.cdx-menu {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ext-related-articles-card-list h3::after {
background-image: none !important;
}
.ext-related-articles-card-list .ext-related-articles-card {
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.toggle-list__list {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
box-shadow: 0 5px 17px 0 rgba(var(--text-color, var(--default-text-color)), 0.2), 0 0 1px #999 !important;
}
.notifications-overlay.navigation-drawer {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
box-shadow: -5px 0 5px 0 rgba(var(--text-color, var(--default-text-color)), 0.35) !important;
border-left: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.header-container.header-chrome {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color)));
box-shadow: 0 0 5px 0 rgb(var(--text-color, var(--default-text-color))) !important;
}
.overlay.search-overlay {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.list-thumb-none {
filter: invert() !important;
opacity: 0.85 !important;
}
.overlay-footer-container {
border: none !important;
}
label.mw-ui-icon-with-label-desktop,
a.mw-ui-icon-with-label-desktop,
a.mw-ui-icon-with-label-desktop:visited {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.overlay.overlay-issues {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.vector-menu-dropdown .vector-menu-heading::after {
filter: brightness(0) saturate(100%) invert() !important;
}
.minerva-icon {
filter: brightness(0) saturate(100%) invert();
}
.minerva-notifications ul {
list-style-image: none !important;
}
.toc-title-icon,
.toc-title-state-icon {
filter: brightness(0) saturate(100%) invert() !important;
}
#mp-topbanner {
background-image: linear-gradient(
to right,
rgb(var(--main-color, var(--default-main-color))) 20%,
70%,
rgba(var(--main-color, var(--default-main-color)), 0),
rgba(var(--main-color, var(--default-main-color)), 0)
),
url("https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg") !important;
background-size: cover !important;
}
#mp-welcomecount {
text-align: left !important;
}
#mp-welcome {
padding-left: 0 !important;
}
.navpopup {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.popup_menu {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mwe-popups:not(.flipped-y):not(.flipped-x-y) .mwe-popups-container {
border-top: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important;
padding-top: 0 !important;
}
.mwe-popups.flipped-y .mwe-popups-container,
.mwe-popups.flipped-x-y .mwe-popups-container {
border-bottom: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important;
padding-bottom: 0 !important;
}
.mwe-popups {
border: 1px solid rgb(var(--text-color, var(--default-text-color)));
border-radius: 3px;
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
background-image: linear-gradient(
to right,
rgba(var(--accent-color, var(--default-accent-color)), 0),
rgb(var(--accent-color, var(--default-accent-color))) 50%
) !important;
}
.popups-icon {
filter: brightness(0) invert() !important;
}
.mwe-popups-extract * {
color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.cs1-visible-error,
.cs1-visible-error :not(a) {
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important;
}
.mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader {
background-image: linear-gradient(
to bottom,
rgba(var(--main-color, var(--default-main-color)), 0) 0%,
rgb(var(--main-color, var(--default-main-color))) 100%
) !important;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis::before {
background-image: linear-gradient(
to right,
rgba(var(--accent-color, var(--default-accent-color)), 0) 0%,
rgb(var(--accent-color, var(--default-accent-color))) 100%
) !important;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-mmv-stripe-button .cdx-button__icon {
display: none !important;
}
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))) !important;
}
.ve-ui-expandableContent-fade {
background: linear-gradient(
to right,
rgba(var(--accent-color, var(--default-accent-color)), 0) 0,
rgb(var(--accent-color, var(--default-accent-color))) 90%
);
}
.video-js .vjs-control-bar {
background-color: rgba(var(--main-color, var(--default-main-color)), 0.7) !important;
}
.vjs-control > .vjs-slider > .vjs-play-progress > .vjs-time-tooltip,
.vjs-menu-content > .vjs-menu-item.vjs-selected > span {
color: #000 !important;
}
#mw-wikilove-overlay {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.archive-top-result {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.ve-ce-mwReferenceNode span.mw-reflink-text {
color: transparent !important;
}
a.user-blocked-temp,
a.user-blocked-indef {
opacity: 1 !important;
}
.cn-closeButton,
#cnotice-toggle-icon {
filter: invert() !important;
}
#centralNotice,
#centralNotice > * {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.mw-mmv-pre-image .mw-mmv-icon {
background-color: rgb(var(--text-color, var(--default-text-color))) !important;
}
kbd.button {
background: rgb(var(--accent-color, var(--default-accent-color))) !important;
border: 1px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important;
}
.ext-discussiontools-init-timestamplink,
.ext-discussiontools-init-timestamplink:visited,
.ext-discussiontools-init-timestamplink:active {
color: rgb(var(--timestamp-link-color, var(--default-timestamp-link-color))) !important;
}
.ext-discussiontools-init-targetcomment {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
border: 1px dashed rgb(var(--text-color, var(--default-text-color))) !important;
}
.ext-discussiontools-init-highlight {
mix-blend-mode: lighten !important;
}
div.flaggedrevs_short {
position: unset !important;
}
.cdx-info-chip {
gap: 0 !important;
}
div.flaggedrevs_short,
div.flaggedrevs_short_basic {
flex-wrap: wrap !important;
}
#mw-fr-revisiondetails-wrapper {
width: 100% !important;
}
.flaggedrevs-icon {
filter: invert() !important;
}
#mw-fr-revision-details {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
.cdx-fr-css-icon-review--status--pending {
background-color: rgb(var(--text-color, var(--default-text-color))) !important;
}
.mw-highlight button {
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}
/* ===================== */
/* Syntax highlighting */
/* ===================== */
/* Uses preset colors because otherwise custom formatting might break everything */
.mw-highlight pre {
background-color: rgb(var(--default-accent-color)) !important;
}
.mw-highlight pre * {
color: rgb(var(--default-text-color)) !important;
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 rgb(47, 47, 47) !important;
}
td.linenos .special,
span.linenos.special {
background-color: rgb(60, 60, 60) !important;
}
.mw-highlight .hll {
background-color: rgb(30, 30, 30) !important;
}
.mw-highlight .c,
.mw-highlight .ch,
.mw-highlight .cm,
.mw-highlight .cpf,
.mw-highlight .c1,
.mw-highlight .cs {
color: #4a8888 !important;
}
.mw-highlight .k,
.mw-highlight .kc,
.mw-highlight .kd,
.mw-highlight .kn,
.mw-highlight .kp,
.mw-highlight .kr,
.mw-highlight .nb,
.mw-highlight .nt,
.mw-highlight .sx,
.mw-highlight .bp {
color: #008000 !important;
}
.mw-highlight .s,
.mw-highlight .sa,
.mw-highlight .sb,
.mw-highlight .sc,
.mw-highlight .sd,
.mw-highlight .sh,
.mw-highlight .dl,
.mw-highlight .s1,
.mw-highlight .s2 {
color: #c84848 !important;
}
.mw-highlight .o,
.mw-highlight .m,
.mw-highlight .mb,
.mw-highlight .mf,
.mw-highlight .mh,
.mw-highlight .mi,
.mw-highlight .mo,
.mw-highlight .il {
color: #d0d0ff !important;
}
.mw-highlight .nd,
.mw-highlight .ow {
color: #cf41f7 !important;
}
.mw-highlight .si,
.mw-highlight .sr {
color: #ff4b92 !important;
}
.mw-highlight .nc,
.mw-highlight .nf,
.mw-highlight .nn,
.mw-highlight .fm {
color: #7c7cff !important;
}
.mw-highlight .kt {
color: #e1ff8f !important;
}
.mw-highlight .na {
color: #9ec200 !important;
}
.mw-highlight .cp {
color: #ff8f00 !important;
}
.mw-highlight .no {
color: #dd0000 !important;
}
.mw-highlight .nv,
.mw-highlight .ss,
.mw-highlight .vc,
.mw-highlight .vg,
.mw-highlight .vi,
.mw-highlight .vm {
color: #8d8cb5 !important;
}
.mw-highlight .gd,
.mw-highlight .gr,
.mw-highlight .ne {
color: #ff0000 !important;
}
.mw-highlight .gi {
color: #00a800 !important;
}
.mw-highlight .gu {
color: #ff00ff !important;
}
.mw-highlight .gh,
.mw-highlight .gp {
color: #4b91ff !important;
}
.mw-highlight .gt {
color: #1960ff !important;
}
.mw-highlight .nl {
color: #ffff00 !important;
}
.mw-highlight .go,
.mw-highlight .ni {
color: #bbbbbb !important;
}
.mw-highlight .se {
color: #ff3c00 !important;
}