MediaWiki:Common.css：修订间差异

←上一编辑

@@ 第10行： / 第10行： @@
 }
+/* 只针对在 .isdarkmode 内部的 infobox */
+span.isdarkmode .infobox,
+span.isdarkmode .infobox td,
+span.isdarkmode .infobox th {
+  background-color: #1f1f23 !important;
+  color: #f8f9fa !important;
+  border-color: #4b4b4b !important;
+}
 /*
 == 参考区 ==
@@ 第1,127行： / 第1,136行： @@
 }
-.flag-bordered {
-  display: inline-block;
+/* =====================================
-  border: 1px solid #aaa;
+   Infobox 深色模式兼容
-  padding: 2px;
+   ===================================== */
-  background-color: white;
-  line-height: 0; /* 避免内边距影响布局 */
+/* 用户手动选择深色模式 */
+@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;
+    }
 }