User:Tollens/darkTheme.css

/*
	 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: 255, 255, 255;
	--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-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;
}

:not(.legend-color, .legend-content, body, .diffchange, [role="img"] *, .vjs-control, .vjs-control *, .mw-tmh-player *) {
	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-icon, .vector-dropdown-label::after, .mw-interlanguage-selector::after {
    filter: brightness(0) invert(1) !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, .mw-helplink {
	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-tooltipTail {
	background: linear-gradient(to top right, rgb(var(--text-color, var(--default-text-color))) 50%,rgba(0,0,0,0) 50%);
}

.rt-tooltipTail::after {
	background: transparent !important;
}

.suggestions {
	background-color: rgb(var(--accent-color, var(--default-accent-color))) !important;
}

.cnotice {
	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;
}

.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, form[name="pendingchanges"] > 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;
}