Welcome to Data Crystal's new home! Data Crystal is now part of the TCRF family (sort of).
The wiki has recently moved; please report any issues in Discord. Pardon the dust.

User:Hawk/common.css

From Data Crystal
Jump to navigation Jump to search

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.
/* TCRF.net - Dark Common CSS */

:root {
 --bg-dark: hsl(120, 2%, 19%);
 
 --dark-5: hsl(0, 0%, 5%);
 --dark-10: hsl(0, 0%, 10%);
 --dark-15: hsl(0, 0%, 15%);
 --dark-20: hsl(0, 0%, 20%);
 --dark-25: hsl(0, 0%, 25%);
 --dark-30: hsl(0, 0%, 30%);
 --dark-35: hsl(0, 0%, 35%);
 --dark-40: hsl(0, 0%, 40%);
 --dark-45: hsl(0, 0%, 45%);
 --dark-50: hsl(0, 0%, 50%);
 --dark-55: hsl(0, 0%, 55%);

 --blue: hsl(220, 100%, 66%);
 --lightblue: hsl(220, 100%, 80%);

 --red: hsl(1, 100%, 66%);
 --lightred: hsl(0, 70%, 70%);

 --diff-red: hsl(1, 100%, 66%);
 --diff-green: hsl(120, 100%, 66%);
 
 --green: hsl(120, 100%, 66%);
 --lightgreen: hsl(120, 100%, 87%);
 
 --lightyellow: hsl(45, 100%, 50%);
 --yellow: hsl(45, 50%, 20%);

 --white-90: hsl(0, 0%, 90%);

 --border-radius-2: 2px;
 --border-dark-45: 1px solid var(--dark-45);
}

/* Revamped Translation Progress Icons */
/* To do: Remake these in SVG */
.mw-pt-progress--stub { background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/prog1.svg"); }
.mw-pt-progress--low { background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/prog2.svg"); }
.mw-pt-progress--med { background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/prog3.svg"); }
.mw-pt-progress--high { background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/prog4.svg"); }
.mw-pt-progress--complete { background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/prog5.svg"); }

/* SVG Icons */
#pt-uls .uls-trigger::before { 
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/language.svg");
    opacity: 1.0;
}
#mw-indicator-mw-helplink a {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/help.svg");
}
.oo-ui-icon-help, .mw-ui-icon-help::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/help2.svg");
}
.oo-ui-icon-helpNotice, .mw-ui-icon-helpNotice::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/help.svg");
}
.oo-ui-indicator-down {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/down.svg");
}
.oo-ui-icon-checkAll, .mw-ui-icon-checkAll::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/check-all.svg");
}
.oo-ui-icon-menu, .mw-ui-icon-menu::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/menu.svg");
}
.oo-ui-icon-play, .mw-ui-icon-play::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/play.svg");
}
.oo-ui-icon-close, .mw-ui-icon-close::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/close.svg");
}
.oo-ui-icon-edit, .mw-ui-icon-edit::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/edit.svg");
}
.oo-ui-icon-bookmark, .mw-ui-icon-bookmark::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/bookmark.svg");
}
.oo-ui-icon-trash, .mw-ui-icon-trash::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/trash.svg");
}
.oo-ui-icon-settings, .mw-ui-icon-settings::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/settings.svg");
}
.oo-ui-icon-article, .mw-ui-icon-article::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/article.svg");
}
.oo-ui-icon-tag, .mw-ui-icon-tag::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tag.svg");
}
.oo-ui-icon-search, .mw-ui-icon-search::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/search.svg");
}
.oo-ui-icon-feedback, .mw-ui-icon-feedback::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/feedback.svg") !important;
}
.oo-ui-image-progressive.oo-ui-icon-feedback, .mw-ui-icon-feedback-progressive::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/feedback.svg") !important;
}
.oo-ui-icon-highlight, .mw-ui-icon-highlight::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/highlight.svg");
}
.oo-ui-icon-next, .mw-ui-icon-next::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/next.svg");
}
.oo-ui-icon-previous, .mw-ui-icon-previous::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/previous.svg");
}
.oo-ui-icon-check, .mw-ui-icon-check::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/check.svg");
}
.oo-ui-image-invert.oo-ui-icon-stop, .mw-ui-icon-stop-invert::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/invert.svg") !important;
}
.oo-ui-icon-stop, .mw-ui-icon-stop::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/invert.svg") !important;
}
.oo-ui-icon-reload, .mw-ui-icon-reload::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/reload.svg");
}
.oo-ui-icon-code, .mw-ui-icon-code::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/code.svg");
}
.oo-ui-icon-expand, .mw-ui-icon-expand::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/expand.svg");
}
.oo-ui-icon-collapse, .mw-ui-icon-collapse::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/collapse.svg");
}
#pt-anonuserpage, #pt-userpage a {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/avatar.svg");
    margin-top: 2px;
    padding-top: 0.3em !important;
}
.imeselector {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/imeselector.svg");
    background-color: var(--dark-15);
    box-shadow: 0 0 0 0 transparent !important;
}
.uls-ime-disable-link {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/imeselector-disabled.svg");
}
.imeselector-menu .ime-checked {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/ime-check.svg");
}
.uls-ime-more-settings-link {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/ime-settings.svg");
    border-left: var(--border-dark-45);
}
.languagesettings-menu .menu-section.display-settings-block {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/ime-display.svg");
}
#uls-settings-block > button.display-settings-block {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/ime-display.svg");
}
#uls-settings-block > button.input-settings-block {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/imeselector.svg");
}
.languagesettings-menu .menu-section.input-settings-block {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/imeselector.svg");
}
.uls-search-label {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/search.svg");
}
/* Tux Translation System - SVG Icons */
.tux-action-bar .translate-mode-button::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-translate.svg");
}
.tux-action-bar .page-mode-button::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-page.svg");
}
.tux-action-bar .proofread-mode-button::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-proofread.svg");
}
.tux-message-filter-wrapper {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-search.svg");
}
.grid .tux-message-editor .close {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-close.svg");
}
.tux-message-editor .editor-expand {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-expand.svg");
}
.message-desc-edit {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-edit.svg");
}
.tux-list-edit a {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-edit.svg");
}
.tux-status-translated, .tux-status-proofread {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-translated.svg");
}
.tux-pagemode-status.untranslated {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-untranslated.svg");
}
.tux-notice-message.diff {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-clock.svg");
}
.uls-icon-close {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/tux-close.svg");
}
.uls-icon-back {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/lang-back.svg");
    border-right: var(--border-dark-45);
}
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/table-sorter.svg");
}
/* Editor SVGs */
.oo-ui-icon-bold, .mw-ui-icon-bold::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-bold.svg");
}
.oo-ui-icon-italic, .mw-ui-icon-italic::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-italic.svg");
}
.oo-ui-icon-link, .mw-ui-icon-link::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-link.svg");
}
.oo-ui-icon-image, .mw-ui-icon-image::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-image.svg");
}
.oo-ui-icon-reference, .mw-ui-icon-reference::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-reference.svg");
}
.oo-ui-icon-listBullet, .mw-ui-icon-listBullet::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-listbullet.svg");
}
.oo-ui-icon-listNumbered, .mw-ui-icon-listNumbered::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-listnumbered.svg");
}
.oo-ui-icon-noWikiText, .mw-ui-icon-noWikiText::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-nowikitext.svg");
}
.oo-ui-icon-newline, .mw-ui-icon-newline::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-newline.svg");
}
.oo-ui-icon-bigger, .mw-ui-icon-bigger::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-bigger.svg");
}
.oo-ui-icon-smaller, .mw-ui-icon-smaller::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-smaller.svg");
}
.oo-ui-icon-superscript, .mw-ui-icon-superscript::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-superscript.svg");
}
.oo-ui-icon-subscript, .mw-ui-icon-subscript::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-subscript.svg");
}
.oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-imagegallery.svg");
}
.oo-ui-icon-articleRedirect, .mw-ui-icon-articleRedirect::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-articleredirect.svg");
}
.oo-ui-icon-table, .mw-ui-icon-table::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-table.svg");
}
.oo-ui-icon-articleSearch, .mw-ui-icon-articleSearch::before {
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/assets/editor-articlesearch.svg");
}
/* Main body */
body {
    background-color: var(--bg-dark);
    background-image: url("https://raw.githubusercontent.com/TCRF/DarkMode/main/tcrf-dark.png");
}

/* Top of page gradient */
#mw-page-base {
    background-image: linear-gradient(to top, var(--bg-dark) 30%, var(--dark-5));
    background-color: transparent;
}
/* Top of page links */
#p-personal a {
    color: var(--lightblue);
}
#p-personal a:visited {
    color: var(--blue);
}

/* Document body */
.mw-body {
    background-color: var(--dark-25);
    color: var(--white-90);
    border-color: var(--dark-45);
}

/**
 * Main page boxes
 * Thank you CounterDiving for adding IDs to those boxes!
 */
/* "# articles and counting" box */
#statistics-bar {
    border: 1px solid var(--dark-45) !important;
    background-color: var(--dark-20) !important;
    color: var(--white-90) !important;
}
/* Featured Article box */
#featured-area {
    border: 1px solid var(--dark-45) !important;
    background-color: var(--dark-20) !important;
}
/* Did You Know box */
#dyk-area {
    border: 1px solid var(--dark-45) !important;
    background-color: var(--dark-20) !important;
}
/* "Contributing" box */
#contrib-area {
    border: 1px solid var(--dark-45) !important;
    background-color: var(--dark-20) !important;
}

/* That thing from when you get a message on your talk page */
.usermessage {
    background-color: var(--yellow);
    border: 1px solid var(--lightyellow);
    color: var(--white-90);
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: var(--white-90);
}
h1, h2 {
    border-bottom: var(--border-dark-45);
}

/* Linkage - General */
a.new, #p-personal a.new {
    color: var(--lightred);
}
a {
    color: var(--lightblue);
}
a:visited {
    color: var(--blue);
}
a:active {
    color: var(--lightblue);
}

/**
 * Article History comparison diff styling
 */
/* General styling for all diff boxes */
.diffchange {
    border-radius: 0.3em !important;
    margin: 0em 0.15em !important;
    padding: 0.15em 0.3em !important;
    font-weight: normal !important;
}
/* Unchanged items */
.diff-context {
    background-color: var(--dark-20);
    border-color: var(--dark-40);
    color: var(--white-90);
}
/* Lines added */
.diff-addedline {
    background-color: var(--dark-20);
    border-color: var(--diff-green);
}
.diff-addedline .diffchange {
    background-color: var(--dark-30);
    color: var(--lightgreen);
    text-shadow: 0px 0.6px 2px var(--dark-5);
}
/* Lines removed */
.diff-deletedline {
    background-color: var(--dark-20);
    border-color: var(--diff-red);
}
.diff-deletedline .diffchange {
    background-color: var(--dark-30);
    color: var(--lightred);
    text-shadow: 0px 0.6px 2px var(--dark-5);
}

/* Text area stuff */
textarea {
    background-color: var(--dark-5);
    color: var(--white-90);
    border-color: var(--dark-45);
}

/* RC Filters - Highlight color fix */
div.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonOptionWidget a.oo-ui-buttonElement-button {
    background-color: transparent !important;
    border: 0px none;
}
div.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonOptionWidget a.oo-ui-buttonElement-button:hover {
    background-color: transparent !important;
    border: 0px none;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-icon-check {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E check %3C/title%3E %3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E %3C/svg%3E") !important;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement a.oo-ui-buttonElement-button {
    background-color: transparent !important;
    border: 0px none !important;
}
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement a.oo-ui-buttonElement-button:hover {
    background-color: transparent !important;
    border: 0px none !important;
}

/* API Sandbox */
.mw-apisandbox-toolbar {
    background: var(--dark-15);
    border-bottom: var(--border-dark-45);
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
    background-color: var(--dark-45) !important;
}


/**
 * Wiki Editor UI
 * This one's gonna be brutal, but I'm in it to win it.
 */

.editOptions {
    background-color: var(--dark-20);
    color: var(--white-90);
    border: var(--border-dark-45);
}

.mw-editform #wpTextbox1 {
    background-color: var(--dark-15);
    color: var(--white-90);
}
.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom: var(--border-dark-45);
}
.wikiEditor-ui-toolbar {
    background-color: var(--dark-15);
    background-image: none;
}
.wikiEditor-ui-toolbar .sections .section {
    border-top: var(--border-dark-45);
    background-color: var(--dark-15);
}
.wikiEditor-ui-toolbar .group {
    border-right: var(--border-dark-45);
}
.wikiEditor-ui-toolbar .group .tool-select {
    border: var(--border-dark-45);
    background-color: var(--dark-35);
}
.wikiEditor-ui-toolbar .group .tool-select .label {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
    border: var(--border-dark-45);
    background-color: var(--dark-35);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option:hover {
    background-color: var(--dark-25);
}
.wikiEditor-ui-toolbar .group-search {
    border-left: var(--border-dark-45);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: var(--blue);
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement {
    margin: 0.1em;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover {
    background-color: transparent;
    outline: 0 none;
}
.wikiEditor-ui-toolbar .group .label {
    color: var(--white-90);
}
.wikiEditor-ui .wikiEditor-ui-view {
    border: var(--border-dark-45);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--dark-45);
    color: var(--dark-15);
}
.wikiEditor-ui-toolbar .page-characters div span {
    border: var(--border-dark-45);
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: var(--lightblue);
}
.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--white-90);
}
.wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td {
    color: var(--white-90);
}

.mw-widget-calendarWidget-prevButton.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget {
    border: 1px solid var(--dark-25);
}
.mw-widget-calendarWidget-nextButton.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget {
    border: 1px solid var(--dark-25);
}
.mw-widget-calendarWidget-labelButton.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonWidget.oo-ui-labelElement {
    border: 1px solid var(--dark-25);
}
.mw-widget-calendarWidget-upButton.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget a.oo-ui-buttonElement-button {
    background-color: transparent !important;
}

/* Translation */
.ext-translate-language-selector .uls {
    color: var(--blue);
}
.mw-parser-output {
    color: var(--white-90);
}
.uls-search {
    background-color: var(--dark-35);
    border-bottom: var(--border-dark-45);
}
.uls-languagefilter {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.uls-lcd {
    background-color: var(--dark-25);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode {
    background-color: var(--dark-25);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact {
    border-bottom: var(--border-dark-45);
    border-left: var(--border-dark-45);
    border-right: var(--border-dark-45);
    background-color: var(--dark-20);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode:first-child .tux-message-item-compact {
    border-top: var(--border-dark-45);
}
.ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover {
    background-color: var(--dark-30);
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-source {
    color: var(--white-90);
}
.tux-action-bar {
    background-color: var(--dark-15);
}
.tux-message-editor .editcolumn {
    border-right: 1px solid var(--dark-25);
    background-color: var(--dark-20);
    color: var(--white-90);
}
.grid .tux-message-editor .messagekey {
    color: var(--white-90);
    background-color: var(--dark-35);
}
.grid .tux-message-editor .tux-editor-titletools {
    background-color: var(--dark-35);
}
.tux-breadcrumb {
    color: var(--lightblue);
}
.tux-message-selector li a {
    color: var(--lightblue);
}
.tux-action-bar.floating {
    border-top: var(--border-dark-45);
}
.tux-breadcrumb__item--aggregate {
    cursor: pointer;
    color: var(--blue);
}
.tux-message-selector li.selected a {
    color: var(--blue);
}
.tux-message-editor textarea {
    border: var(--border-dark-45);
    background-color: var(--dark-25);
    color: var(--white-90);
}
.tux-editor-editsummary-block input:disabled {
    background-color: var(--dark-55);
}
.tux-editor-editsummary-block input {
    background-color: var(--dark-25);
    border: var(--border-dark-45);
}
.grid .tux-message-editor .infocolumn-block {
    background-color: var(--dark-25);
    color: var(--white-90);
}
.tux-editor-skip-button.mw-ui-button.mw-ui-quiet {
    background-color: var(--dark-30);
    color: var(--white-90);
}
.tux-editor-skip-button.mw-ui-button.mw-ui-quiet:hover {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.tux-messagetable-header.floating {
    background-color: var(--dark-15);
}
.mw-ui-button.mw-ui-progressive:disabled {
    background-color: var(--dark-45);
    color: var(--white-90);
    border-color: var(--dark-55);
}
.mw-ui-button.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-progressive:disabled:active {
    background-color: var(--dark-45);
    color: var(--white-90);
    border-color: var(--dark-55);
}
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
    color: var(--dark-5);
}
.tagcloud .tag {
    color: var(--white-90);
}
#uls-settings-block > button:hover {
    color: var(--white-90);
}
#uls-settings-block > button {
    color: var(--white-90);
}
.uls-font-item:first-child {
    border-top: var(--border-dark-45);
}
.uls-font-item {
    border-bottom: var(--border-dark-45);
    background: var(--dark-25);
}
.uls-font-label strong {
    color: var(--white-90);
}
.uls-font-label {
    color: var(--white-90);
}
.checkbox strong {
    color: var(--white-90);
}
.uls-ui-languages p, .checkbox {
    color: var(--white-90);
}
.mw-notification {
    color: var(--white-90) !important;
    border: var(--border-dark-45);
    background-color: var(--dark-20);
}

/* Babel */
.mw-babel-box {
    color: var(--dark-5);
}
.mw-babel-box a {
    color: var(--blue);
}
.mw-babel-header {
    background-color: var(--dark-15);
}
.mw-babel-wrapper {
    border: var(--border-dark-45);
    background-color: var(--dark-25);
}

#mw-allmessagestable > tbody > tr > td {
    background-color: var(--dark-15);
}
#mw-allmessagestable > tbody > tr > td:hover {
    background-color: var(--dark-35);
}
#mw-allmessagestable tbody:hover td {
    background-color: var(--dark-35);
}
#mw-allmessagestable > thead > tr > th {
    background-color: var(--dark-5);
}

/* Page history - Selected revisions */
#pagehistory li.selected {
    background-color: var(--dark-20);
    color: var(--white-90);
    outline: 0 none;
}

/* Footer text */
#footer li { color: var(--white-90); }
#footer a { color: var(--lightblue); }

/* Msgboxes */
#localNotice .msgbox {
    background-color: var(--dark-15) !important;
    color: var(--white-90) !important;
    border-color: var(--green) !important;
}
.msgbox {
    background-color: var(--dark-15) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-45) !important;
}
table.msgbox {
    background-color: var(--dark-30) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-45) !important;
}
.mw-revision.warningbox {
    background-color: var(--dark-30) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-45) !important;
}

li.gallerybox div.thumb {
    border: var(--border-dark-45);
}

/* Stupid ID-less "Don't Know How To Edit?" boxes */
.mw-editnotice.mw-editnotice-namespace.mw-editnotice-0 div {
    background-color: var(--dark-20) !important;
    border-color: var(--dark-45) !important;
}
.mw-editnotice.mw-editnotice-namespace.mw-editnotice-1 div {
    background-color: var(--dark-20) !important;
    border-color: var(--dark-45) !important;
}
.mw-editnotice.mw-editnotice-namespace.mw-editnotice-3 div {
    background-color: var(--dark-20) !important;
    border-color: var(--dark-45) !important;
}

.mw_metadata td {
    background-color: var(--dark-15);
}
.mw_metadata td, .mw_metadata th {
    border: var(--border-dark-45);
}
.mw_metadata th {
    background-color: var(--dark-15);
}

.mw-pt-languages-list {
    background-color: var(--dark-15);
}
.mw-pt-languages-label {
    background-color: var(--dark-10);
}
.mw-pt-languages {
    border: var(--border-dark-45);
}

/* Table of Contents */
.toc, .mw-warning, .toccolours {
    border: var(--border-dark-45);
    background-color: var(--dark-20);
}
.tocnumber {
    color: var(--white-90);
}
.toctogglelabel {
    color: var(--blue);
}
/* We add a bit of padding to the TOC title background for when it's hidden */
.toc .toctitle {
    background-color: var(--dark-25);
    padding: 0px 4px;
}

#filetoc {
    border: var(--border-dark-45);
    background-color: var(--dark-20);
}

/* Code blocks */
.mw-code {
    color: var(--white-90);
    background-color: var(--dark-20);
    border: var(--border-dark-45);
}

#image-info-box {
    background-color: var(--dark-15) !important;
    color: var(--white-90) !important;
    border: 1px solid var(--dark-45) !important;
}

/* Calendar Widget */
.mw-widget-calendarWidget {
    border: var(--border-dark-45);
}
.mw-widget-calendarWidget-body-wrapper {
    background-color: var(--dark-25);
}
.mw-widget-calendarWidget-body-outer-wrapper {
    width: 292px;
}
.mw-widget-calendarWidget-header {
    background-color: var(--dark-25);
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.mw-widget-calendarWidget-item {
    color: var(--white-90);
}
.mw-widget-calendarWidget-day-additional {
    color: var(--dark-55);
}
.mw-widget-calendarWidget-day-heading {
    color: var(--white-90);
}
.mw-widget-dateInputWidget-calendar {
    background-color: var(--dark-25);
}


#contentSub, #contentSub2 {
    color: var(--white-90);
}

/* Recent changes - No page found */
a.new, #p-personal a.new {
    color: var(--lightred);
}
a.new:visited, #p-personal a.new:visited {
    color: var(--red);
}

.mw-parser-output a.external {
    color: var(--lightblue);
}
.mw-parser-output a.external:visited {
    color: var(--blue);
}

#mw-panel .portal .body li a:visited {
    color: var(--blue);
}

#mw-panel .portal .body li a {
    color: var(--lightblue);
}

#mw-panel .portal h3 {
    color: var(--white-90);
}

/**
 * Recent Changes - Active Filter
 */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: var(--dark-20);
}

/* "Active Filters" text at the top */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: var(--white-90);
}

/* Active filter bubbles */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--dark-15);
    color: var(--white-90);
}

/* Active filter bubble text height adjustment */
.oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
    line-height: 1.4em;
}

/* Namespaces & Tags area of Active Filters */
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
    background-color: var(--dark-35);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border-right: var(--border-dark-45);
    border-top: var(--border-dark-45);
    border-bottom: var(--border-dark-45);
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border: var(--border-dark-45);
}

/* Edit summaries */
span.comment {
    color: var(--dark-55);
}

/* List of abbreviations */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: var(--dark-20);
}

/* RC Filters - Namespaces button */
#ooui-73 > a:nth-child(1) {
    border: 0px none !important;
}
#ooui-72 > a:nth-child(1) {
    border: 0px none !important;
}


/* "View new changes since..." */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--blue);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    background-color: var(--dark-30);
}
.oo-ui-labelElement-label:active:visited { color: var(--blue); }
.oo-ui-labelElement-label:active { background-color: var(--dark-35); }
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
    color: var(--lightblue);
    background-color: var(--dark-35);
}

/* "Live updates" & "# changes, # days" buttons */
.oo-ui-buttonElement-button {
    background-color: var(--dark-35) !important;
    color: var(--white-90) !important;
    border-color: var(--dark-45) !important;
}
.oo-ui-buttonElement-button:hover {
    background-color: var(--dark-45);
    border-color: var(--dark-45);
}
.oo-ui-buttonElement-button:active {
    background-color: var(--dark-35);
}

/* Recent Changes filters - Namespaces & Tags button-specific styling */
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-buttonSelectWidget .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonOptionWidget a.oo-ui-buttonElement-button {
    margin-top: 1px;
    border-width: 0px !important;
    background-color: var(--dark-35) !important;
}

/* Recent Changes filters - General button padding, mainly to add padding to the Show/Hide button */
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    padding: 0em 0.4em;
}

/* Recent Changes filters - Search bar placeholder text color change */
/* I know, the selector for this is a clusterfucker. This is the only way I could get the placeholder text color change to show */
html.client-js body.mw-rcfilters-enabled.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns--1.ns-special.mw-special-Recentchanges.page-Special_RecentChanges.rootpage-Special_RecentChanges.action-view.mw-rcfilters-ui-initialized.webfonts-changed div#content.mw-body div#bodyContent.mw-body-content div#mw-content-text div.rcfilters-head.mw-rcfilters-head div.rcfilters-container.mw-rcfilters-container div.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-filterWrapperWidget div.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableGroupElement.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined.oo-ui-menuTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget div.mw-rcfilters-ui-table div.mw-rcfilters-ui-row.mw-rcfilters-ui-filterTagMultiselectWidget-views div.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-input div.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-widget-enabled input.oo-ui-inputWidget-input.webfonts-changed::placeholder {
    color: var(--dark-10) !important;
}

/* "# changes, # days" dropdown panel */
.oo-ui-popupWidget-popup {
    background-color: var(--dark-20);
    border: var(--border-dark-45);
    color: var(--white-90);
}


/* "# changes, # days" dropdown panel, "Recent hours" & "Recent days" text */
.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
    color: var(--white-90);
}

/* Selected changes/days */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    color: var(--dark-25);
}

.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label {
    color: var(--white-90);
}

/* Bob template stuff */
.breakout {
    background-color: var(--dark-20);
    border-color: var(--dark-45);
}
.breakouttitle {
    color: var(--white-90);
    background-color: var(--dark-35);
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget.highlighted {
    background-color: var(--dark-25);
    color: var(--dark-45) !important;
}
/* RC Filters */
.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: var(--dark-15);
    border-top: var(--border-dark-45);
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
    color: var(--white-90);
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonWidget {
    opacity: 1.0;
}
.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    border-color: var(--dark-45);
}
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-selectWidget-unpressed.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget.mw-rcfilters-ui-menuSelectWidget-view-namespaces {
    background-color: var(--dark-35);
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
    border-bottom: var(--border-dark-45);
}
.oo-ui-menuSelectWidget {
    background-color: var(--dark-25);
    border: var(--border-dark-45);
}
.mw-rcfilters-ui-row {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-rcTopSectionWidget-savedLinks {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-rcTopSectionWidget-topLinks-table {
    background-color: var(--dark-25);
}
.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
    background-color: var(--dark-15);
}
.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: var(--dark-25);
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: var(--dark-25);
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header {
    border-bottom: var(--border-dark-45);
}
.mw-rcfilters-ui-filterTagMultiselectWidget-cell-filters {
    background-color: var(--dark-20);
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
    border-top: 4px solid var(--dark-45);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    border-color: var(--red);
}
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
    color: var(--red);
}
.mw-rcfilters-ui-filterMenuHeaderWidget-helpIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-buttonWidget {
    padding-left: 8px;
}
.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
    color: var(--white-90);
}
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
    color: var(--white-90);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: var(--white-90);
    border: 1px solid var(--white-90);
}
.mw-rcfilters-ui-changesListWrapperWidget:not(.mw-rcfilters-ui-changesListWrapperWidget-highlighted) .mw-changeslist-watchedunseen div.mw-rcfilters-ui-highlights-color-none {
    background-color: var(--white-90);
    border: 1px solid var(--white-90);
}

div.thumbinner {
    border: var(--border-dark-45);
    background-color: var(--dark-15);
}

/* Game series navbox stuff */
.navboxhead {
    background: var(--dark-35) !important;
}
.navboxhead a {
    color: var(--lightblue);
}
.navboxhead th a {
    color: var(--lightblue);
}
.navbox th {
    background: var(--dark-40); !important;
}
table.navbox {
    border: var(--border-dark-45);
    background-color: var(--dark-20);
}
table.navbox tbody {
    background-color: var(--dark-20) !important;
}

/* Gallery thumbnails */
#content .gallerybox div.thumb {
    background-color: var(--dark-35);
    border-color: var(--dark-45);
}
.gallerybox .thumb img {
    background-color: var(--dark-35);
}

/* Tables */
table.wikitable, table.prettytable {
    border: var(--border-dark-45);
    background-color: var(--dark-30);
}
.wikitable {
    color: var(--white-90);
    border: var(--border-dark-45);
    background-color: var(--dark-30);
}
.wikitable th, .prettytable th {
    background-color: var(--dark-15);
}
.wikitable td, .prettytable td {
    border: var(--border-dark-45);
    background-color: var(--dark-30);
}

/* Category section */
#catlinks {
    background-color: var(--dark-20);
    border: var(--border-dark-45);
}
#catlinks a {
    color: var(--lightblue);
}
#catlinks a.new {
    color: var(--lightred);
}

/* Data Table */
.mw-datatable th {
    background-color: var(--dark-15);
}
.mw-datatable td, .mw-datatable th {
    border: var(--border-dark-45);
}
.mw-datatable td {
    background-color: var(--dark-35);
}
.mw-datatable tr:hover td {
    background-color: var(--dark-55);
}

.oo-ui-panelLayout-framed {
    border: var(--border-dark-45);
    background-color: var(--dark-20);
}


/* History page, Compare button */
.historysubmit {
    border: var(--border-dark-45);
    background-color: var(--dark-20);
    color: var(--white-90);
    padding: 0.4em;
    border-radius: var(--border-radius-2);
}

/* No dark list bullets */
ul {
    list-style-image: none;
}

/* <pre>, <code> */
pre {
    background-color: var(--dark-20);
    color: var(--white-90);
    border-color: var(--dark-45);
    border-radius: var(--border-radius-2);
}

code {
    background-color: var(--dark-15);
    color: var(--white-90);
    border-color: var(--dark-45);
    border-radius: var(--border-radius-2);
}

tt {
    background-color: var(--dark-20);
    border: 2px solid var(--dark-20);
    border-radius: 8px;
    padding: 0.5px 4px;
}

fieldset {
    border: var(--border-dark-45);
}
legend {
    font-weight: bold;
    color: var(--white-90);
}


/* Search Input */
#searchInput {
    border: var(--border-dark-45);
}
#simpleSearch input {
    background-color: var(--dark-10);
    color: var(--white-90);
}
#simpleSearch:hover #searchInput {
    border-color: var(--dark-45);
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus {
    border: var(--border-dark-45);
    outline: none;
    -webkit-box-shadow: inset 0 0 0 0px transparent,inset 0 0 0 0px transparent;
    box-shadow: inset 0 0 0 0px transparent,inset 0 0 0 0px transparent;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
    background-color: var(--dark-35);
    color: var(--white-90);
    border: var(--border-dark-45);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: var(--dark-35);
    color: var(--white-90);
    border: var(--border-dark-45);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
    background-color: var(--dark-35);
    border-color: var(--white-40);
}
.oo-ui-tagItemWidget {
    border: var(--border-dark-45);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
    border-color: var(--dark-45);
}

/* Show/Hide button for Active Filters positioning fix */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-hideshow {
    margin-top: 0.5em;
    padding-bottom: 0.5em;
}
/* Save current filter settings button (below the Show/Hide button, on the left, the ribbon icon */
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-cell-save {
    padding-right: 0.5em;
    background-color: var(--dark-20);
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    border: var(--border-dark-45);
}

/* Parser profiling data */
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: var(--dark-20);
    color: var(--white-90);
}
.wikitable.preview-limit-report > .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border: var(--border-dark-45);
}
.wikitable.preview-limit-report {
    background-color: var(--dark-35);
    color: var(--white-90);
}

.suggestions-result {
    color: var(--white-90);
}
.suggestions-results {
    background-color: var(--dark-15);
    border: var(--border-dark-45);
    color: var(--white-90) !important;
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
    color: var(--white-90);
}
.suggestions-special {
    background-color: var(--dark-5);
    border: var(--border-dark-45);
    color: var(--white-90);
}
.suggestions-special .special-query {
    color: var(--white-90);
}
.highlight {
    font-weight: bold;
    color: var(--lightblue);
}

.mw-search-profile-tabs {
    background-color: var(--dark-15);
    border: var(--border-dark-45);
}
.search-types .current a {
    color: var(--lightblue);
}
.results-info {
    color: var(--white-90);
}
#mw-searchoptions {
    background-color: var(--dark-35);
    border: var(--border-dark-45);
}


.ext-cc-language-selector__trigger {
    color: var(--lightblue);
}
.ext-cc-language-selector__trigger::after {
    border-top: 4px solid var(--lightblue);
}

/**
 * Change placeholder text color.
 * This is supposed to work, but it doesn't seem to work for me.
 */
::placeholder {
    color: var(--white-90);
    opacity: 1;
}

:-ms-input-placeholder {
    color: var(--white-90);
    opacity: 1;
}

::-ms-input-placeholder {
    color: var(--white-90);
    opacity: 1;
}

/* Plus/Minus text colors */
.mw-plusminus-pos {
    color: hsl(140, 70%, 40%);
}
.mw-plusminus-neg {
    color: var(--red);
}
.mw-plusminus-null {
    color: #a2a9b1;
}

/* Warning boxes */
.warningbox {
    background-color: var(--yellow);
    color: var(--white-90);
    border: 1px solid var(--lightyellow);
    border-radius: 0 8px 0 8px;
}

.wikiEditor-ui-toolbar .booklet .pages {
    background-color: var(--dark-25);
}
.mw-pt-translate-header {
    border-bottom: var(--border-dark-45);
}
/* Live Updates button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    border-color: var(--dark-45);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
    color: var(--dark-25);
}
.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
    border-color: var(--dark-55);
}
.oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover {
    cursor: not-allowed;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    border-color: var(--dark-45);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
    border-color: var(--dark-55);
}
 div#bodyContent.mw-body-content div#mw-content-text div.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed form.mw-htmlform.mw-htmlform-ooui.oo-ui-layout.oo-ui-formLayout fieldset.oo-ui-layout.oo-ui-labelElement.oo-ui-fieldsetLayout div.oo-ui-fieldsetLayout-group div.oo-ui-widget.oo-ui-widget-enabled div.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
    background-color: var(--dark-25);
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    padding-left: 0.85714286em;
    padding-right: 0.85714286em;
}

.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

input#wpUploadFile {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: var(--border-dark-45);
}

input#wpDestFile {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: var(--border-dark-45);
}

select#wpLicense {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: var(--border-dark-45);
}

textarea#wpUploadDescription {
    background-color: var(--dark-15);
    color: var(--white-90);
    border: var(--border-dark-45);
}

.uls-ime-menu-settings-item {
    background-color: var(--dark-20);
    color: var(--white-90);
    border-top: var(--border-dark-45);
}
/* IME Selector - ::before triangle styling */
.imeselector-menu::before {
    border-bottom: 7px solid var(--dark-45);
    z-index: 2;
}
.imeselector-menu {
    background-color: var(--dark-25);
    border: var(--border-dark-45);
}
.imeselector-menu .selectable-row-item {
    color: var(--white-90);
}
.imeselector a, .ime-disable {
    color: var(--dark-55);
}
.imeselector-menu .selectable-row:hover {
    background-color: var(--dark-35);
}
.imeselector:hover {
    background-color: var(--dark-10);
    box-shadow: 0 0 0 0 transparent !important;
}
.ime-setting-caret {
    margin-top: 6px;
    border-top: 4px solid var(--white-90);
}
.tux-message-editor .messagekey .caret {
    border-top: 4px solid var(--white-90);
}
.ime-list-title, .ime-lang-title {
    background-color: var(--dark-20);
    color: var(--white-90);
    border-bottom: var(--border-dark-45);
}
.languagesettings-menu .menu-section {
    color: var(--white-90);
}
.languagesettings-menu .menu-section .settings-text {
    color: var(--white-90);
}
.languagesettings-menu .menu-section:hover .settings-text {
    color: var(--white-90);
}
.languagesettings-menu .menu-section:focus {
    border-color: var(--dark-50);
}
.languagesettings-menu h1 {
    color: var(--white-90);
}
#languagesettings-settings-panel h3 {
    color: var(--white-90);
}
#languagesettings-settings-panel h4 {
    color: var(--white-90);
}
#languagesettings-settings-panel {
    color: var(--white-90);
    background: var(--dark-35);
}
.uls-language-settings-close-block {
    background: var(--dark-25);
}
.uls-input-settings .uls-input-settings-inputmethods-list {
    background: var(--dark-30);
}
.uls-menu {
    background-color: var(--dark-25);
    border: var(--border-dark-45);
}
.uls-language-block > ul > li:hover {
    background-color: var(--dark-35);
}
.uls-language-block a {
    color: var(--lightblue);
}
#languagesettings-panels .mw-ui-pressed {
    background-color: var(--dark-45);
    color: var(--white-90);
    border-color: var(--dark-45);
}
.language-settings-buttons {
    border-top: var(--border-dark-45);
}
.mw-ui-button {
    background-color: var(--dark-20);
    color: var(--white-90);
    border: var(--border-dark-45);
}
.mw-ui-button:hover {
    background-color: var(--dark-40);
    color: var(--white-90);
    border-color: var(--dark-45);
}
.mw-ui-button.mw-ui-progressive {
    background-color: var(--dark-20);
    color: #fff;
    border: var(--border-dark-45);
}
.mw-ui-button.mw-ui-progressive:hover {
    background-color: var(--dark-20);
    border-color: var(--dark-45);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: var(--dark-35);
    color: var(--white-90);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: var(--dark-45);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: var(--dark-35);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
    color: #000;
    border-color: var(--dark-45);
}
#uls-settings-block {
    background-color: var(--dark-20);
    border-top: var(--border-dark-45);
}
.languagesettings-menu .menu-section:hover {
    background-color: var(--dark-35);
}
.languagesettings-menu .menu-section.active {
    color: var(--white-90);
    background-color: var(--dark-35);
    padding-left: 40px;
    background-position: left 13px top 6px;
    border-left-width: 3px;
    border-left-color: var(--dark-40);
}
/**
 * Patch 1
 * Some translations stuff I missed
 */
input, textarea {
    border: var(--border-dark-45);
    background-color: var(--dark-15);
    color: var(--white-90);
}
.tux-action-bar button:hover {
    background-color: var(--dark-25);
    background-image: linear-gradient(to bottom, var(--dark-30), var(--dark-25));
}
.tux-action-bar button {
    background-color: var(--dark-25);
    background-image: linear-gradient(to bottom, var(--dark-30), var(--dark-25));
    border: var(--border-dark-45);
    color: var(--white-90);
}
.tux-action-bar button:active, .tux-action-bar button.down {
    background-color: var(--dark-25);
    background-image: linear-gradient(to bottom, var(--dark-30), var(--dark-25));
    border: var(--border-dark-45);
}
.tux-message-selector .more ul {
    border: var(--border-dark-45);
    border-top: var(--border-dark-45);
    background: var(--dark-20);
    left: 0px;
}
.tux-message-selector label {
    color: var(--white-90);
}
.tux-message-filter-box {
    border: var(--border-dark-45);
}
.tux-messagelist {
    color: var(--white-90);
}
.tux-message-item {
    border-bottom: var(--border-dark-45);
    background-color: var(--dark-20);
}
.tux-message-item:hover {
    background-color: var(--dark-35);
}
.ext-translate-container .tux-messagelist .tux-message-proofread:first-child .tux-message-item-compact {
    border-top: var(--border-dark-45);
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact {
    background-color: var(--dark-20);
    color: var(--white-90) !important;
    border-bottom: var(--border-dark-45);
    border-left: var(--border-dark-45);
    border-right: var(--border-dark-45);
}
.ext-translate-container .tux-messagelist .tux-message-proofread .tux-message-item-compact:hover {
    background-color: var(--dark-35);
    color: var(--white-90) !important;
}

.tux-messagelist .tux-message-proofread .tux-proofread-source {
    color: var(--white-90);
}
.tux-message-editor {
    border: var(--border-dark-45);
    background-color: var(--dark-25);
}
.tux-message-editor__caret::after {
    border-right: 20px solid var(--dark-25);
}
.tux-message-editor__caret::before, .tux-message-editor__caret::after {
    border-right: 19px solid var(--dark-25);
}
.mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    background-color: var(--dark-35);
    color: var(--white-90);
    border-color: var(--dark-45);
}
.mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {
    background-color: var(--dark-35);
    color: var(--white-90);
    border-color: var(--dark-45);
}
.tux-message-editor .shortcutinfo {
    color: var(--white-90);
}
.tux-message-item.translated {
    background-color: var(--dark-20);
}
.tux-editor-insert-buttons .tux-editor-paste-original-button {
    background: var(--dark-35) left center no-repeat;
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E %3Cpath fill=%22%2354595d%22 d=%22M29.077 29.012c0 1.06-.86 1.92-1.92 1.92H4.844c-1.06 0-1.92-.86-1.92-1.92V4.042c0-1.06.86-1.92 1.92-1.92h22.313c1.06 0 1.92.86 1.92 1.92v24.97z%22/%3E %3Cpath fill=%22%23f8f9fa%22 stroke=%22%2354595d%22 stroke-width=%22.5%22 stroke-miterlimit=%2210%22 d=%22M5.368 4.054h21v24.35h-21z%22/%3E %3Cpath fill=%22%23a2a9b1%22 d=%22M7.743 8.896h15.625v2.872H7.743zM7.743 15.09h15.625v2.875H7.743zM7.743 21.287h6.125v2.873H7.743z%22/%3E %3Cpath fill=%22%23414042%22 d=%22M18.646 2.814V1.068h-5.292v1.746H10.46v2.338H21.54V2.814%22/%3E %3C/svg%3E");
    background-size: 16px 16px;
}
.tux-editor-insert-buttons button {
    border: var(--border-dark-45);
    background: var(--dark-35);
    color: var(--white-90);
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-translation {
    color: var(--dark-50);
}
.group-warning {
    background: var(--dark-45);
    padding: 5px !important;
    color: var(--white-90);
}
.tux-notice {
    background-color: var(--dark-15);
    border: var(--border-dark-45);
}
.tux-message-item.translated, .tux-message-item.proofread {
    background-color: var(--dark-20);
}
.tux-message-item.translated:hover, .tux-message-item.proofread:hover {
    background-color: var(--dark-30);
}
.tux-list-translation {
    color: var(--dark-55);
}
.tux-breadcrumb .grouplink + .grouplink::before {
    border-left: 4px solid var(--white-90);
}

/**
 * Tux Stats Table
 */
.statstable > * > tr > th {
    background-color: var(--dark-20);
    border: var(--border-dark-45);
}
.statstable > * > tr > td {
    background-color: var(--dark-40);
    border-left: var(--border-dark-45);
    border-right: var(--border-dark-45);
    color: var(--dark-5);
}
.statstable > * > tr.tux-statstable-even > td {
    background-color: var(--dark-35);
}
.statstable > * > tr > td:nth-child(6)[data-sort-value="0.00000"] {
    color: var(--dark-5) !important;
}

/**
 * Patch 2
 * More random stuff
 */
.tux-messagelist {
    background-color: var(--dark-20);
}
.ext-translate-language-selector-label {
    color: var(--white-90);
}
.ext-translate-container .tux-messagelist .tux-message-proofread {
    background-color: var(--dark-25);
}
.tux-messagetable-loader {
    color: var(--white-90);
    background-color: var(--dark-15);
}
.tux-messagelist .tux-message-proofread .tux-proofread-translation {
    color: var(--dark-50);
}
.tux-empty-list {
    background-color: var(--dark-20);
    border-bottom: var(--border-dark-45);
}
.tux-empty-list-guide {
    color: var(--dark-50);
}

.mw-sp-translate-edit-fields fieldset {
    border: 1px solid var(--dark-45);
}
.mw-sp-translate-message-documentation {
    background-color: var(--dark-20);
}
.mw-sp-translate-edit-fields a {
    color: var(--blue);
}
.mw-sp-translate-edit-definition {
    background-color: var(--dark-20);
}
.mw-translate-fuzzy {
    background-color: var(--dark-45);
    color: var(--dark-10);
}

/* Removal of transparent image checkerboards */
.gallerybox { background: none; }
.thumb img { background: none; }
#file img { background: none; }
.gallerybox .thumb img { background: none; }
.filehistory a img, #file img:hover { background: none !important; }

/* Tooltip color */
#tooltip {
     border-bottom: thin dotted white !important;
}

/* CodeMirror Syntax Highlighting 
.CodeMirror-line {
  background-color: var(--dark-15) !important;
}*/

.cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr {
  background-color: var(--dark-25);
}

.CodeMirror-line span {
  color: var(--white-90);
}

.CodeMirror-cursor {
  border-left: 1px solid var(--white-90);
}

.cm-mw-section-header {
  color: #08f !important;
}

.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol {
  color: #36c !important;
}

.cm-mw-exttag-name {
  color: #290 !important;
}

.cm-mw-exttag-bracket {
  color: #290 !important;
}

.cm-mw-template {
  color: #80c !important;
}

.cm-mw-template-name {
  color: #80c !important;
}

.cm-mw-template-bracket {
  color: #80c !important;
}

.cm-mw-template-argument-name {
  color: #80c !important;
}

.cm-mw-template-delimiter {
  color: #80c !important;
}

.cm-mw-list {
  color: #08f !important;
}

.cm-mw-link-bracket {
  color: #36c !important;
}

.cm-mw-extlink, .cm-mw-free-extlink {
  color: #36c !important;
}

.cm-mw-htmltag-name {
  color: #290 !important;
}
.cm-mw-htmltag-bracket {
  color: #290 !important;
}

.cm-mw-parserfunction-name {
  color: #a11 !important;
}

.cm-mw-link-pagename {
  color: #36c !important;
}

.cm-mw-extlink-bracket {
  color: #36c !important;
}

.cm-mw-doubleUnderscore, .cm-mw-signature, .cm-mw-hr {
  color: #08f !important;
}

.cm-mw-exttag-attribute {
  color: #290 !important;
}

.cm-mw-exttag-attribute {
  color: #290 !important;
}

.cm-mw-parserfunction-bracket {
  color: #a11 !important;
}

.cm-mw-parserfunction-delimiter {
  color: #a11 !important;
}

.cm-mw-templatevariable-name {
  color: #f50 !important;
}

.cm-mw-templatevariable-delimiter {
  color: #f50 !important;
}

.cm-mw-templatevariable-bracket {
  color: #f50 !important;
}

.cm-mw-table-bracket {
  color: #e0e !important;
}

.cm-mw-table-definition {
  color: #e0e !important;
}

.cm-mw-table-delimiter {
  color: #e0e !important;
}

.cm-mw-comment {
  color: #bebebe !important;
}

.CodeMirror {
  background: var(--dark-15);
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: dimgray;
}

.wikitable .bubblesymphony {
  color: var(--white-90) !important;
}

.not-patrolled {
    background-color: var(--yellow) !important;
}

/* <gallery mode=slideshow showthumbnails> style fix */
.slideshow-current {
  background-color: var(--dark-20) !important;
}

.gallerytextwrapper {
  background: hsla(0,0%,15%,0.8) !important;
}

.tm-suggestion {
  background: var(--bg-dark) !important;
  border: 1px solid var(--dark-45) !important;
  border-left: 2px solid #36c !important;
}

.oo-ui-window-body {
    background: var(--bg-dark) !important;
}

.mw-widgets-datetime-dateTimeInputWidget-handle{
  background-color: var(--dark-35) !important;
  color:  var(--white-90) !important;
}