|
|
| (86 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
|
| /* Text elements in white */ | | /* Configure Numbering scheme */ |
| 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;
| |
| } | | } |
| | | ol { |
| /* Page background */
| | list-style-type: decimal; |
| 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: #27292d !important;
| |
| color: #ffffff !important; /* Sets text color to white */
| |
| }
| |
| | |
| /* Edit text box */
| |
| .mw-editform #wpTextbox1 {
| |
| background-color: #1f2024 !important;
| |
| }
| |
| | |
| /* Dropdown handle normal and hover effect */
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
| |
| background-color: #27292d !important; /* Dark color based on your color scheme */
| |
| }
| |
| | |
| /* Indicator Down Element Color */
| |
| .oo-ui-indicatorElement-indicator .oo-ui-indicator-down {
| |
| color: #ffffff !important; /* Sets color to white */
| |
| }
| |
| | |
| /* Dark background with white text for specific widget */
| |
| .oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* Background color for search profile tabs */
| |
| .mw-search-profile-tabs {
| |
| background-color: #27292d !important; /* Setting the color to #27292d */
| |
| }
| |
| | |
| /* mw-changeslist-legend background and text color */
| |
| .mw-changeslist-legend {
| |
| background-color: #27292d !important; /* Consistent dark background */
| |
| color: #ffffff !important; /* White text color */
| |
| }
| |
| | |
| /* Vector menu dropdown item background */
| |
| .vector-menu-dropdown .mw-list-item a:not(.vector-icon) {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* Dark mode style for mw-widget-dateInputWidget-handle */
| |
| .mw-widget-dateInputWidget-handle {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* mw-datatable header */
| |
| .mw-datatable th {
| |
| background-color: #131416 !important; /* Dark grey background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* Code boxes */
| |
| code {
| |
| background-color: #2c2e32 !important; /* Dark background for code */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* Tracking categories styling */
| |
| .mw-trackingcategories-name,
| |
| .mw-trackingcategories-msg,
| |
| .mw-trackingcategories-desc {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| /* mw-trackingcategories-table dark mode style */
| |
| .mw-trackingcategories-table {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| | |
| .mw-trackingcategories-table th,
| |
| .mw-trackingcategories-table td {
| |
| border-color: #27292d !important; /* Adjusting border color for better visibility */
| |
| }
| |
| | |
| /* mw-contribute-cards and mw-contribute-card-content */
| |
| .mw-contribute-cards,
| |
| .mw-contribute-card-content {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Special Contribute tabs content background */
| |
| .mw-special-Contribute .mw-contribute-tabs-content {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| }
| |
| /* Dropdown handle, input widget, and button element */
| |
| .oo-ui-dropdownWidget-handle,
| |
| .oo-ui-inputWidget-input,
| |
| .oo-ui-buttonElement-button {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| border: 1px solid #27292d !important; /* Border color for definition */
| |
| }
| |
| | |
| /* Adjusting hover effect for buttons */
| |
| .oo-ui-buttonElement-button:hover {
| |
| background-color: #27292d !important; /* Slightly lighter dark color for hover */
| |
| color: #ffffff !important; /* Keeping text color white on hover */
| |
| } | | } |
| /* Consistent styling for .cdx-text-input__input when enabled */
| | ol li > ol { |
| .cdx-text-input__input:enabled {
| | list-style-type: lower-alpha; |
| background-color: #2c2e32 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| border: 1px solid #27292d !important; /* Border color for definition */
| |
| } | | } |
| /* Styling for mw-htmlform-submit-buttons */
| | ol li > ol li > ol { |
| .mw-htmlform-submit-buttons {
| | list-style-type: lower-roman; |
| background-color: #2c2e32 !important; /* Dark gray background */
| |
| color: #ffffff !important; /* White text */
| |
| } | | } |
| | | /* Underline all links */ |
| /* Styling for oo-ui-tabSelectWidget-framed */ | | a { |
| .oo-ui-tabSelectWidget-framed {
| | text-decoration: underline; |
| background-color: #2c2e32 !important; /* Dark gray background */ | |
| color: #ffffff !important; /* White text */
| |
| } | | } |
|
| |
|
| /* Styling for selected tab option in oo-ui-tabSelectWidget-framed */ | | /* Load FontAwesome */ |
| .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
| | @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); |
| background-color: #131416 !important; /* Dark gray background for selected tab */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| | |
| /* Styling for .oo-ui-tagMultiselectWidget-handle within enabled .mw-rcfilters-ui-filterTagMultiselectWidget */
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
| |
| background-color: #1f2024 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| /* Styling for .mw-rcfilters-ui-cell within .mw-rcfilters-ui-filterMenuHeaderWidget */
| |
| .mw-rcfilters-ui-filterMenuHeaderWidget .mw-rcfilters-ui-cell {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| /* Styling for .mw-rcfilters-ui-filterMenuSectionOptionWidget-header */
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget-header {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Styling for .mw-rcfilters-ui-menuSelectWidget-footer */
| |
| .mw-rcfilters-ui-menuSelectWidget-footer {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Styling for .mw-rcfilters-ui-filterMenuSectionOptionWidget */
| |
| .mw-rcfilters-ui-filterMenuSectionOptionWidget {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| }
| |
| /* Border color for .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget */
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| border-color: #27292d !important; /* Dark border color */
| |
| }
| |
| /* Border color for .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget */
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
| |
| border-color: #27292d !important; /* Dark border color */
| |
| }
| |
| /* Border color for mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget within enabled button group widget */
| |
| .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget {
| |
| border-color: #27292d !important; /* Dark border color */
| |
| }
| |
| | |
| .wikitable {
| |
| background-color: #1f2024 !important; /* Slightly lighter background for table cells */
| |
| color: #ffffff !important; /* White text for table cells */
| |
| border-color: #27292d !important; /* Border color for cells */
| |
| }
| |
| /* Styling for .wikitable headers */
| |
| .wikitable > tr > th,
| |
| .wikitable > * > tr > th {
| |
| background-color: #0f1012 !important; /* Slightly darker grey for headers */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| | |
| /* General styling for .wikitable */
| |
| .wikitable { | |
| color: #ffffff !important; /* White text for table content */
| |
| }
| |
| | |
| .wikitable td {
| |
| background-color: #1f2024 !important; /* Dark background for table cells */
| |
| border-color: #27292d !important; /* Border color for cells */
| |
| }
| |
| /* White text color for <legend> elements */
| |
| legend {
| |
| color: #ffffff !important; /* Setting text color to white */
| |
| }
| |
| /* White text color for .mw-warning-logempty */
| |
| .mw-warning-logempty { | |
| color: #ffffff !important; /* Setting text color to white */
| |
| }
| |
| /* Dark background color for .mw-autocomplete-user */
| |
| .mw-autocomplete-user { | |
| background-color: #27292d !important; /* Setting background color to dark grey */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| /* Dark background color for #wpReason */
| |
| #wpReason {
| |
| background-color: #27292d !important; /* Setting background color to dark grey */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| }
| |
| /* Styling for select elements within wpExpiry dropdowns */
| |
| #wpExpiry-sysop select,
| |
| #wpExpiry-interface-admin select,
| |
| #wpExpiry-bureaucrat select {
| |
| background-color: #27292d !important; /* Dark grey background */
| |
| color: #ffffff !important; /* White text for contrast */
| |
| border: 1px solid #27292d !important; /* Border to match the background */
| |
| }
| |
| | |
| /* Dropdowns in Special:UserRights */
| |
| #mw-userrights-form2 .mw-userrights-groups select {
| |
| background-color: #27292d !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| border: 1px solid #27292d !important; /* Consistent border color */
| |
| }
| |
| | |
| /* General styling for dropdowns */
| |
| select.mw-autocomplete-user,
| |
| select#wpExpiry-sysop,
| |
| select#wpExpiry-interface-admin,
| |
| select#wpExpiry-bureaucrat {
| |
| background-color: #2c2e32 !important; /* Dark background */
| |
| color: #ffffff !important; /* White text */
| |
| border: 1px solid #27292d !important; /* Consistent border color */
| |
| }
| |
| /* Specific styling for sortable tags table on Special:Tags page */
| |
| 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; /* Dark background for the table */
| |
| color: #ffffff !important; /* White text for table content */
| |
| }
| |
| /* Hover styling for rows in .mw-datatable */
| |
| .mw-datatable tr:hover td {
| |
| background-color: #27292d !important; /* Dark grey background on hover */
| |
| }
| |
