MediaWiki:Common.css：修订间差异

←上一编辑

@@ 第11行： / 第11行： @@
-/* 深色模式适配：皮肤为深色主题（显式） */
+/* 只针对在 .isdarkmode 内部的 infobox */
-html.skin-theme-clientpref-dark .infobox,
+span.isdarkmode .infobox,
-html.skin-theme-clientpref-dark .infobox td,
+span.isdarkmode .infobox td,
-html.skin-theme-clientpref-dark .infobox th {
+span.isdarkmode .infobox th {
-   background-color: #1f1f23;
+   background-color: #1f1f23 !important;
-   color: #f8f9fa;
+   color: #f8f9fa !important;
-   border-color: #4b4b4b;
+   border-color: #4b4b4b !important;
-}
-/* 深色模式适配：皮肤为“跟随系统”的情况下，系统偏好为深色 */
-@media (prefers-color-scheme: dark) {
-  html.skin-theme-clientpref-os .infobox,
-  html.skin-theme-clientpref-os .infobox td,
-  html.skin-theme-clientpref-os .infobox th {
-    background-color: #1f1f23;
-    color: #f8f9fa;
-    border-color: #4b4b4b;
-  }
-}
-/* 链接样式（两个模式都需要） */
-html.skin-theme-clientpref-dark .infobox a,
-html.skin-theme-clientpref-os .infobox a {
-  color: #91c9f7;
 }
 /*
@@ 第1,151行： / 第1,134行： @@
 		display: block;
 	}
+}
+/* =====================================
+   Infobox 深色模式兼容
+   ===================================== */
+/* 用户手动选择深色模式 */
+@media screen {
+    html.skin-theme-clientpref-night
+    .mw-parser-output .infobox,
+    html.skin-theme-clientpref-night
+    .mw-parser-output .infobox th,
+    html.skin-theme-clientpref-night
+    .mw-parser-output .infobox td {
+        background-color: #27292d !important;
+        color: #eaecf0 !important;
+        border-color: #54595d !important;
+    }
+    html.skin-theme-clientpref-night
+    .mw-parser-output .infobox th {
+        background-color: #363a40 !important;
+    }
+}
+/* 根据操作系统自动切换深色模式 */
+@media screen and (prefers-color-scheme: dark) {
+    html.skin-theme-clientpref-os
+    .mw-parser-output .infobox,
+    html.skin-theme-clientpref-os
+    .mw-parser-output .infobox th,
+    html.skin-theme-clientpref-os
+    .mw-parser-output .infobox td {
+        background-color: #27292d !important;
+        color: #eaecf0 !important;
+        border-color: #54595d !important;
+    }
+    html.skin-theme-clientpref-os
+    .mw-parser-output .infobox th {
+        background-color: #363a40 !important;
+    }
 }