MediaWiki:Vector.css: Difference between revisions

Latest revision as of 23:14, 26 February 2025

/* All CSS here will be loaded for users of the Vector skin */

/* Change the background color of all elements with IDs starting with "result-card-page-" */
div[id^="result-card-page-"] {
  background-color: rgb(32, 33, 34) !important;
}

/* Make the background of the .card-data-section children transparent */
div[id^="result-card-page-"] .card-data-section {
  background-color: transparent !important;
}

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the Vector skin */
-/* Softer Dark Mode for Vector Skin */
+/* Change the background color of all elements with IDs starting with "result-card-page-" */
-body {
+div[id^="result-card-page-"] {
-    background-color: #2b2b2b; /* Medium-dark gray */
+  background-color: rgb(32, 33, 34) !important;
-    color: #ffffff; /* White text for contrast */
 }
-/* Links */
+/* Make the background of the .card-data-section children transparent */
-a {
+div[id^="result-card-page-"] .card-data-section {
-    color: #7eb6ff; /* Lighter blue for unclicked links */
+  background-color: transparent !important;
-}
-a:visited {
-    color: #d3aaff; /* Softer lavender to contrast dark backgrounds */
-}
-a:hover {
-    color: #b5d9ff; /* Lightest blue on hover */
-}
-a:active {
-    color: #ffd48a; /* Softer orange for clicked links */
-}
-/* Main Wiki Content Area */
-.mw-body {
-    background-color: #333; /* Slightly lighter than body */
-    color: #ffffff; /* Inverted text color */
-}
-/* Header - Adjusted to Fix White Banner */
-.mw-head {
-    background-color: #2b2b2b; /* Same as body */
-    color: #ffffff; /* White text for better contrast */
-    border-bottom: 1px solid #444; /* Subtle separation */
-}
-/* Sidebar Navigation */
-#mw-panel {
-    background-color: #3a3a3a; /* Slightly lighter */
-    color: #ffffff; /* Ensure sidebar text is readable */
-}
-/* Search Box Background Fix */
-#p-search input {
-    background-color: #444; /* Darker input field */
-    color: #ffffff;
-    border: 1px solid #555;
-}
-/* Fix Remaining White Areas */
-#mw-page-base, #mw-head-base {
-    background-color: #2b2b2b; /* Darken the page base and top bar */
 }