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.
/* CSS placed here will be applied to all skins */
/* General Page Styles */
/* Base page styling with background and text colors */
body {
background-color: #27292d !important;
color: #ffffff !important;
}
/* Headers, Paragraphs, Lists, and Text Elements */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, pre, code, caption, label, span {
color: #ffffff !important;
}
/* Link Styles */
/* Standard and visited links */
a, a:visited {
color: #ffffff !important;
}
/* Link hover effects */
a:hover {
color: #cccccc !important;
}
/* Interactive Elements Styles */
/* Input fields, text areas, and buttons */
input[type="text"], input[type="password"], input[type="email"],
input[type="number"], textarea, select, button, .option {
color: #ffffff !important;
background-color: #27292d !important;
}
/* Button hover effect */
button:hover {
background-color: #444444 !important;
color: #ffffff !important;
}
/* Table Styles */
/* Standard table styling */
table, th, td, .wikitable, .mw-datatable {
background-color: #1f2024 !important;
color: #ffffff !important;
border-color: #27292d !important;
}
/* Header cells in tables */
.wikitable > tr > th, .wikitable > * > tr > th, .mw-datatable th {
background-color: #131416 !important;
}
/* Content Sections */
/* Main content area background */
#content, #content #bodyContent, #content #mw-content-text,
#content #mw-indicator-mw-helplink, #content #mw-panel, #content #footer,
#content #footer #footer-info, #content #footer #footer-places,
#content #footer #footer-icons, #content #footer #footer-copyright {
background-color: #1f2024 !important;
}
/* Headers and Navigation */
/* Page header background */
#mw-head {
background-color: #27292d !important;
}
/* Vector Menu Tabs */
.vector-menu-tabs-legacy a, .vector-menu-tabs-legacy .selected {
background-color: #1f2024 !important;
color: #ffffff !important;
}
.vector-menu-tabs-legacy a:hover {
background-color: #4b4e54 !important;
}
/* Widgets and Specialized Elements */
/* Different widget styles */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input,
.mw-code, .mw-css, .mw-normal-catlinks, .toc, .toccolours,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover,
.oo-ui-indicatorElement-indicator .oo-ui-indicator-down,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget,
.mw-search-profile-tabs, .mw-changeslist-legend, .vector-menu-dropdown .mw-list-item a:not(.vector-icon),
.mw-widget-dateInputWidget-handle, code, .mw-trackingcategories-name,
.mw-trackingcategories-msg, .mw-trackingcategories-desc,
.mw-trackingcategories-table, .mw-contribute-cards, .mw-contribute-card-content,
.mw-special-Contribute .mw-contribute-tabs-content, .oo-ui-dropdownWidget-handle,
.oo-ui-inputWidget-input, .oo-ui-buttonElement-button, .oo-ui-buttonElement-button:hover,
.cdx-text-input__input:enabled, .mw-htmlform-submit-buttons, .oo-ui-tabSelectWidget-framed,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuHeaderWidget .mw-rcfilters-ui-cell,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
.mw-rcfilters-ui-menuSelectWidget-footer, .mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget,
.wikitable {
background-color: #1f2024 !important;
color: #ffffff !important;
border-color: #27292d !important;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: #0f1012 !important;
color: #ffffff !important;
}
.wikitable {
color: #ffffff !important;
}
.wikitable td {
background-color: #1f2024 !important;
border-color: #27292d !important;
}
legend {
color: #ffffff !important;
}
.mw-warning-logempty {
color: #ffffff !important;
}
.mw-autocomplete-user {
background-color: #27292d !important;
color: #ffffff !important;
}
#wpReason {
background-color: #27292d !important;
color: #ffffff !important;
}
#wpExpiry-sysop select,
#wpExpiry-interface-admin select,
#wpExpiry-bureaucrat select {
background-color: #27292d !important;
color: #ffffff !important;
border: 1px solid #27292d !important;
}
#mw-userrights-form2 .mw-userrights-groups select {
background-color: #27292d !important;
color: #ffffff !important;
border: 1px solid #27292d !important;
}
select.mw-autocomplete-user,
select#wpExpiry-sysop,
select#wpExpiry-interface-admin,
select#wpExpiry-bureaucrat {
background-color: #2c2e32 !important;
color: #ffffff !important;
border: 1px solid #27292d !important;
}
html.client-js.qxipgo.idc0_350 body.skin-vector-legacy.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns--1.ns-special.mw-special-Tags.page-Special_Tags.rootpage-Special_Tags.skin-vector.action-view div#content.mw-body div#bodyContent.vector-body div#mw-content-text.mw-body-content table.mw-datatable.sortable.mw-tags-table.jquery-tablesorter {
background-color: #1f2024 !important;
color: #ffffff !important;
}
.mw-datatable tr td {
background-color: #27292d !important;
color: #ffffff !important;
}
.mw-datatable tr:hover td {
background-color: #232527 !important;
}
.mw-apisandbox-toolbar {
background-color: #1f2024 !important;
color: #ffffff !important;
}
.mw-notification {
background-color: #2c2e32 !important;
color: #ffffff !important;
}
.oo-ui-optionWidget.oo-ui-widget-enabled:hover,
.oo-ui-outlineOptionWidget:hover {
background-color: #2c2e32 !important;
color: #ffffff !important;
}
.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-optionWidget.oo-ui-optionWidget-selected {
background-color: #26282c !important;
color: #ffffff !important;
}
.oo-ui-popupWidget-popup {
background-color: #27292d !important;
color: #ffffff !important;
}
/* Specific Styles for Padding, Edit Form, and Tag Widgets */
/* Remove horizontal padding for #mw-panel and #mw-head */
#mw-panel, #mw-head {
padding: 0 !important;
}
/* Edit form styling for consistency with dark theme */
.mw-editform .editOptions {
background-color: #1f2024 !important;
}
/* Preformatted text styling for consistency with dark theme */
pre {
background-color: #1f2024 !important;
color: #ffffff !important;
}
/* Tag Multiselect Widget styling for dark theme */
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: #1f2024 !important;
color: #ffffff !important;
}
/* Search Bar Styles */
/* Styling for .suggestions-special */
.suggestions-special {
background-color: #2c2e32 !important; /* Dark gray background */
color: #ffffff !important; /* White text */
}
/* Hover effect for .suggestions-special */
.suggestions-special:hover {
background-color: #27292d !important; /* Slightly darker color on hover */
color: #ffffff !important; /* White text remains the same */
}