User:Cyrus/common.css: Difference between revisions

Revision as of 08:01, 19 October 2024

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