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 */
/* Text elements in white */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, span, blockquote, pre, code, th, td, caption, label, input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select, button, .option, .mw-parser-output {
color: #ffffff !important;
}
/* Page background */
body {
background-color: #27292d !important;
}
/* Content 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;
}
/* Links */
a, a:visited {
color: #ffffff !important;
}
/* Hover effect for links */
a:hover {
color: #cccccc !important;
}
/* Hover effect for buttons */
button:hover {
background-color: #444444 !important;
color: #ffffff !important;
}
/* Border color */
.border {
border-color: #ffffff !important;
}
/* Header background */
#mw-head {
background-color: #27292d !important;
}
/* mw-code and mw-css background */
.mw-code, .mw-css {
background-color: #131416 !important;
}
/* mw-normal-catlinks background */
.mw-normal-catlinks, .toc, .toccolours {
background-color: #27292d !important;
padding: 10px; /* Adjust padding as needed */
}
/* Tabs */
.vector-menu-tabs-legacy a, .vector-menu-tabs-legacy .selected {
background-color: #1f2024 !important; /* Background color */
color: #ffffff !important; /* Text color */
}
.vector-menu-tabs-legacy a:hover {
background-color: #4b4e54 !important; /* Hover color */
}
/* Edit form */
.mw-editform .editOptions {
background-color: #1f2024 !important;
}
/* Text input widget */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
background-color: #ffffff !important; /* Updated to white */
}
/* Edit text box */
.mw-editform #wpTextbox1 {
background-color: #1f2024 !important;
}
/* Dropdown menu items */
.vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
background-color: #1f2024 !important;
color: #ffffff !important;
}
/* Recent changes filters */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend.mw-specialpages-notes {
background-color: #27292d !important;
color: #ffffff !important;
}
/* Button hover effect */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: #27292d !important;
color: #ffffff !important;
}
/* Clippable popup body */
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable, .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable.oo-ui-clippableElement-clipped, .oo-ui-popupWidget-popup {
background-color: #1f2024 !important;
}
/* Filter Tag Multiselect Widget handle */
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #1f2024 !important;
}
/* Filter Tag Multiselect Widget views select widget */
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background-color: #1f2024 !important;
}
/* Popup widget */
.oo-ui-popupWidget-popup {
background-color: #1f2024 !important;
}
/* Clippable popup body */
.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
background-color: #1f2024 !important;
}
/* Search profile tabs */
.mw-search-profile-tabs {
background-color: #27292d !important;
color: #ffffff !important;
}