MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
+/* light mode */
+:root, .skin-theme-clientpref-day {
+    --vw-bg-page:       #f8f9fa;
+    --vw-bg-surface:    #ffffff;
+    --vw-bg-subtle:     #eaecf0;
+    --vw-accent:        #8B3347;
+    --vw-accent-subtle: #f5dde2;
+}
+/* dark mode */
+.skin-theme-clientpref-night {
+    --vw-bg-page:       #101418;
+    --vw-bg-surface:    #1e2227;
+    --vw-bg-subtle:     #2a2f36;
+    --vw-accent:        #F2A0B2;
+    --vw-accent-subtle: #3d1e26;
+}
+@media ( prefers-color-scheme: dark ) {
+    .skin-theme-clientpref-os {
+        --vw-bg-page:       #101418;
+        --vw-bg-surface:    #1e2227;
+        --vw-bg-subtle:     #2a2f36;
+        --vw-accent:        #F2A0B2;
+        --vw-accent-subtle: #3d1e26;
+    }
+}
 #footer-info li, #footer-places li {
      font-size: 14px;
@@ Line 19: / Line 47: @@
 }
+#welcome-box {
+	border-color: var(--vw-accent);
+	background-color: var(--vw-accent-subtle);
+}
 #welcome-box h1 {
 	border-bottom-color: #C2637A;
 	width: 50%;
 }
-#welcome-box div p {
-    margin: 0;
-}
 #events-box h2 { border-bottom-color: #627ac1; }
 #bulletin-box h2 { border-bottom-color: #62c1aa; }
 #events-box > div { flex: 1; }
 @media (max-width: 600px) {
      #welcome-box h1 { width: 100%; }