MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+/* Apply navy & orange dark theme only to Special:Preferences */
+.page-Special_Preferences {
+    /* Base Colors */
+    --color-base: #001f3f; /* Navy base */
+    --color-base-fixed: #001f3f;
+    --color-base--hover: #002b5c; /* Darker Navy on hover */
+    --color-emphasized: #ffffff; /* White for strong contrast */
+    --color-subtle: #7f8c8d; /* Light gray for subtle text */
+    --color-placeholder: #b0bec5; /* Soft gray placeholders */
+    --color-disabled: #555555;
+    --color-inverted: #ffffff;
+    /* Background Colors */
+    --background-color-base: #001933; /* Deep Navy */
+    --background-color-neutral: #001a33;
+    --background-color-interactive: #002244;
+    --background-color-disabled: #333333;
+    --background-color-progressive: #ff851b; /* Bright Orange */
+    /* Border Colors */
+    --border-color-base: #003366; /* Mid-tone Navy */
+    --border-color-progressive: #ff851b; /* Bright Orange */
+    --border-color-destructive: #ff4500; /* Burnt Orange */
+    /* Text & Highlight Colors */
+    --color-progressive: #ff851b; /* Bright Orange */
+    --color-destructive: #ff4500; /* Burnt Orange */
+    /* Additional tweaks for form fields */
+    .oo-ui-fieldLayout,
+    .mw-htmlform-field-HTMLTextField,
+    .mw-htmlform-field-HTMLSelectField {
+        background-color: #002244; /* Dark Navy for input fields */
+        color: #ffffff; /* White text */
+        border: 1px solid #ff851b; /* Bright Orange borders */
+    }
+    /* Buttons */
+    .oo-ui-buttonWidget {
+        background-color: #003366; /* Mid-tone Navy */
+        color: #ffffff;
+        border: 1px solid #ff851b; /* Bright Orange border */
+    }
+    .oo-ui-buttonWidget:hover {
+        background-color: #ff851b; /* Bright Orange on hover */
+        color: #001933; /* Deep Navy text */
+    }
+    /* Destructive Buttons */
+    .oo-ui-buttonWidget.oo-ui-destructive {
+        background-color: #ff4500;
+        border: 1px solid #ff4500;
+    }
+    .oo-ui-buttonWidget.oo-ui-destructive:hover {
+        background-color: #ff6347;
+        border-color: #ff6347;
+    }
+    /* Form Fields Hover & Focus */
+    .oo-ui-fieldLayout:hover,
+    .oo-ui-fieldLayout:focus-within {
+        border-color: #ff851b; /* Bright Orange on focus */
+    }
+    /* Highlight Links */
+    a {
+        color: #ff851b;
+        text-decoration: none;
+    }
+    a:hover {
+        color: #ffb84d; /* Soft Peach on hover */
+        text-decoration: underline;
+    }
+    /* Messages & Notices */
+    .mw-message-box {
+        background-color: #002b5c;
+        border-left: 4px solid #ff851b;
+        color: #ffffff;
+    }
+    .mw-message-box-warning {
+        background-color: #ff851b;
+        color: #001933;
+    }
+    .mw-message-box-error {
+        background-color: #ff4500;
+        color: #ffffff;
+    }
+    /* Active Tabs or Selected Items */
+    .mw-ui-tab-active {
+        background-color: #ff851b;
+        color: #001933;
+        border-bottom: 2px solid #ff6300;
+    }
+    /* Checkbox & Radio Inputs */
+    input[type="checkbox"]:checked,
+    input[type="radio"]:checked {
+        background-color: #ff851b;
+        border-color: #ff851b;
+    }
+    /* Scrollbar */
+    ::-webkit-scrollbar {
+        width: 12px;
+    }
+    ::-webkit-scrollbar-track {
+        background: #001933;
+    }
+    ::-webkit-scrollbar-thumb {
+        background-color: #ff851b;
+        border-radius: 10px;
+        border: 3px solid #001933;
+    }
+    ::-webkit-scrollbar-thumb:hover {
+        background-color: #ffb84d;
+    }
+}
 	:root, .skin-vector, .skin-invert, .notheme {
 	    /* Base Colors */
@@ Line 144: / Line 272: @@
 	    --color-base--subtle: #FF851B;
 	}
 	@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Metamorphous&display=swap');
      .bona-nova-regular {