MediaWiki:Common.css: Unterschied zwischen den Versionen

MediaWiki:Common.css (Quelltext anzeigen)

Version vom 9. November 2021, 12:14 Uhr

148 Bytes hinzugefügt , 12:14, 9. Nov. 2021

keine Bearbeitungszusammenfassung

Jneug

8.581

Bearbeitungen

@@ Zeile 1: / Zeile 1: @@
-/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
+/** Define variables for light- and darkmode */
+:root {
+  --text-color: var(--text-color);
+  --background-color: #fff;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --text-color: var(--text-color) -dark;
+    --background-color: #26292C;
+  }
+}
+/******************
+   Genreal styles
+ ******************/
 body,
 .mw-body,
@@ Zeile 5: / Zeile 18: @@
 .parsoid-body,
 #mw-head {
-   background-color: #fff;
+   background-color: var(--background-color);
-   color: #212529;
+   color: var(--text-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
@@ Zeile 12: / Zeile 25: @@
    line-height: 1.6;
    text-align: left;
-  /*@media (prefers-color-scheme: dark) {
-		background-color: @clr-gray1;
-		color: @font-color-dark;
-	}*/
 }
-/*@media (prefers-color-scheme: dark) {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--text-color);
+}
+/** General darkmode changes */
+@media (prefers-color-scheme: dark) {
+  /*
 	.vector-menu-tabs li {
 		background-image: linear-gradient(to top, #77c1f6, rgba(38, 41, 44, 0.5), rgba(38, 41, 44, 0));
@@ Zeile 33: / Zeile 52: @@
 		margin-top: 0px;
 	}
-}*/
+	*/
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: #212529;
-  /*@media (prefers-color-scheme: dark) {
-		color: @font-color-dark;
-	}*/
 }
 /******************
@@ Zeile 102: / Zeile 111: @@
 }
 .text-default {
-   color: #212529 !important;
+   color: var(--text-color) !important;
 }
 .text-muted {