MediaWiki:Common.css: Difference between revisions

Revision as of 15:32, 18 March 2024

/* CSS placed here will be applied to all skins */

/* Header Links */
#p-personal ul li a,
#p-cactions li a {
    color: #ffffff !important;
}

/* Footer Links */
#footer a {
    color: #cccccc !important;
}

/* Sidebar */
#mw-navigation {
    background-color: #27292d !important;
    color: #ffffff !important;
}

#mw-navigation a {
    color: #cccccc !important;
}

/* Tables */
table,
table.wikitable,
table.wikitable th,
table.wikitable td {
    background-color: #1f2024 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/* Form Elements - Checkboxes, Radio Buttons */
input[type="checkbox"],
input[type="radio"] {
    accent-color: #ffffff !important;
}

/* Notifications and Message Boxes */
.mw-notification-area {
    background-color: #27292d !important;
    color: #ffffff !important;
}

.mw-parser-output .mw-warning {
    border-color: #ffffff !important;
    color: #ffffff !important;
    background-color: #444444 !important;
}

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-/* Text elements in white */
+/* Header Links */
-body,
+#p-personal ul li a,
-h1,
+#p-cactions li a {
-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 */
+/* Footer Links */
-body {
+#footer a {
-     background-color: #27292d !important;
+     color: #cccccc !important;
 }
-/* Content background */
+/* Sidebar */
-#content,
+#mw-navigation {
-#content #bodyContent,
+     background-color: #27292d !important;
-#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 */
+#mw-navigation a {
-a:hover {
      color: #cccccc !important;
 }
-/* Hover effect for buttons */
+/* Tables */
-button:hover {
+table,
-    background-color: #444444 !important;
+table.wikitable,
-    color: #ffffff !important;
+table.wikitable th,
-}
+table.wikitable td {
-/* 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;
-}
-/* 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;
+    border: 1px solid #ffffff !important;
 }
-/* Recent changes filters */
+/* Form Elements - Checkboxes, Radio Buttons */
-.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
+input[type="checkbox"],
-.mw-changeslist-legend.mw-specialpages-notes {
+input[type="radio"] {
-     background-color: #27292d !important;
+     accent-color: #ffffff !important;
-    color: #ffffff !important;
 }
-/* Button hover effect */
+/* Notifications and Message Boxes */
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
+.mw-notification-area {
-.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
      background-color: #27292d !important;
      color: #ffffff !important;
 }
-/* Clippable popup body */
+.mw-parser-output .mw-warning {
-.oo-ui-popupWidget-body.oo-ui-clippableElement-clippable,
+     border-color: #ffffff !important;
-.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;
+    background-color: #444444 !important;
 }