MediaWiki:Vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 11: / Line 11: @@
 	--wiz-content-width: calc(var(--wiz-page-width) - var(--wiz-sidebar-width) - var(--wiz-page-gutter));
 	--wiz-content-padding: 20px;
-	--wiz-content-border: #a2a9b1;
+	--wiz-content-background: #222;
+	--wiz-panel-background: rgba(15, 15, 15, 0.82);
+	--wiz-page-background: #111;
+	--wiz-content-border: #a77a18;
+	--wiz-text: #d8d5cd;
+	--wiz-link: #f2a20d;
+	--wiz-heading: #e7e1d4;
 }
 html {
-	background: #f3f3f3;
+	background: var(--wiz-page-background);
 }
@@ Line 22: / Line 28: @@
 	width: min(100%, var(--wiz-page-width));
 	margin: 0 auto;
-	background: #fff;
+	background: transparent;
+	color: var(--wiz-text);
 }
@@ Line 29: / Line 36: @@
 #mw-head,
 #mw-navigation {
-	background: #fff;
+	background: var(--wiz-panel-background);
 }
@@ Line 50: / Line 57: @@
 #mw-panel {
 	width: var(--wiz-sidebar-width);
+	background: var(--wiz-panel-background);
+	color: var(--wiz-text);
 }
@@ Line 59: / Line 68: @@
 	padding: var(--wiz-content-padding);
 	border: 1px solid var(--wiz-content-border);
+	background: var(--wiz-content-background);
+	color: var(--wiz-text);
 	box-shadow:
-		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 #fff,
+		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
-		var(--wiz-page-gutter) 0 0 #fff;
+		var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
 }
@@ Line 73: / Line 84: @@
 	padding-top: 24px;
 	padding-bottom: 24px;
-	background: #fff;
+	background: var(--wiz-panel-background);
+	color: var(--wiz-text);
 	box-shadow:
-		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 #fff,
+		calc(-1 * (var(--wiz-sidebar-width) + var(--wiz-sidebar-content-gap))) 0 0 var(--wiz-panel-background),
-		var(--wiz-page-gutter) 0 0 #fff;
+		var(--wiz-page-gutter) 0 0 var(--wiz-panel-background);
 }
@@ Line 84: / Line 96: @@
 	right: 0;
 	transform: translateY(-50%);
+}
+a,
+a:visited,
+#mw-panel a,
+#mw-head a,
+#footer a {
+	color: var(--wiz-link);
+}
+a:hover,
+#mw-panel a:hover,
+#mw-head a:hover,
+#footer a:hover {
+	color: #ffd37a;
+}
+#left-navigation .selected,
+#right-navigation .selected,
+#left-navigation .selected a,
+#right-navigation .selected a {
+	background: var(--wiz-content-background);
+	color: var(--wiz-heading);
+}
+#left-navigation a,
+#right-navigation a,
+#p-personal a {
+	color: var(--wiz-link);
+}
+#left-navigation li,
+#right-navigation li,
+#p-search,
+.vectorTabs,
+.vectorMenu {
+	border-color: var(--wiz-content-border);
+}
+#searchInput {
+	background: rgba(0, 0, 0, 0.3);
+	border-color: var(--wiz-content-border);
+	color: var(--wiz-text);
+}
+#searchInput::placeholder {
+	color: #b9b3a8;
 }
@@ Line 93: / Line 152: @@
 	padding: 0;
 	border-bottom: 1px solid var(--wiz-content-border);
-	font-size: 28px;
+	color: var(--wiz-heading);
+	font-size: 32px;
+	font-weight: bold;
 	line-height: 40px;
 }
@@ Line 103: / Line 164: @@
 body.page-Main_Page #firstHeading.firstHeading.mw-first-heading::before {
 	content: "Wizards and Warlords Wiki";
-	font-size: 28px;
+	font-size: 32px;
 }
@@ Line 139: / Line 200: @@
 	padding: 0;
 	border-bottom: 1px solid var(--wiz-content-border);
-	font-size: 20px;
+	color: var(--wiz-heading);
-	font-weight: normal;
+	font-size: 24px;
+	font-weight: bold;
 	line-height: 30px;
 	text-align: center;