@@ Line 463: / Line 463: @@
      color: var(--bs-gray-400);
      text-align: center;
+}
+/* ══════════════════════════════════════════════════════
+   INFOBOX — light mode base
+══════════════════════════════════════════════════════ */
+table.bs-infobox {
+    background: #ffffff;
+    color: #202122;
+    border: 1px solid #c8ccd1;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
+}
+table.bs-infobox th,
+table.bs-infobox td {
+    background: #ffffff;
+    color: #202122;
+    padding: 4px 8px;
+    border: none;
+}
+.bs-infobox-title {
+    background: #2c3e50 !important;
+    color: #ffffff !important;
+    padding: 12px !important;
+    font-size: 20px !important;
+    text-align: center !important;
+    font-weight: 700 !important;
+}
+.bs-infobox-section {
+    background: #eaecf0 !important;
+    color: #202122 !important;
+    padding: 6px !important;
+    text-align: center !important;
+    font-size: 11px !important;
+    text-transform: uppercase !important;
+}
+.bs-infobox-logo,
+.bs-infobox-screenshot {
+    text-align: center;
+    padding: 12px;
+    background: #f8f9fa !important;
+    color: #202122 !important;
+}
+.bs-infobox-caption {
+    font-size: 11px;
+    color: #54595d;
+    margin-top: 6px;
+}
+/* active status — green */
+tr.bs-infobox-active th,
+tr.bs-infobox-active td,
+th.bs-infobox-active,
+td.bs-infobox-active {
+    background: #d4edda !important;
+    color: #155724 !important;
+}
+/* inactive/other status — red */
+tr.bs-infobox-inactive th,
+tr.bs-infobox-inactive td,
+th.bs-infobox-inactive,
+td.bs-infobox-inactive {
+    background: #f8d7da !important;
+    color: #721c24 !important;
+}
+/* completed / discontinued dates */
+td.bs-infobox-ended {
+    color: #b32424 !important;
+    font-weight: 600 !important;
+}
+/* stats as of — purple tint */
+th.bs-infobox-statsdate,
+td.bs-infobox-statsdate {
+    background: #e8d5f5 !important;
+    color: #4a235a !important;
 }
@@ Line 542: / Line 623: @@
      }
-     /* inactive tabs */
+     /* inactive tabs — both namespaces (article/talk) and actions (edit/history/more) */
      #p-cactions li a,
-     #p-namespaces li a {
+     #p-namespaces li a,
-         background-color: #252523;
+    #ca-nstab-main a,
-         color: #b0aeA6;
+    #ca-talk a,
-         border-color: #333331;
+    #ca-edit a,
+    #ca-ve-edit a,
+    #ca-viewsource a,
+    #ca-history a,
+    #ca-watch a,
+    li.collapsible a,
+    #mw-head .vectorTabs li a,
+    #mw-head .vectorMenu li a {
+         background-color: #252523 !important;
+         color: #b0aeA6 !important;
+         border-color: #333331 !important;
      }
      /* active / selected tab */
      #p-cactions li.selected a,
-     #p-namespaces li.selected a {
+     #p-namespaces li.selected a,
-         background-color: #121212;
+    #mw-head .vectorTabs li.selected a {
-         color: var(--bs-purple-900);
+         background-color: #121212 !important;
-         border-bottom-color: #121212;
+         color: var(--bs-purple-900) !important;
+         border-bottom-color: #121212 !important;
      }
      /* tab hover */
      #p-cactions li a:hover,
-     #p-namespaces li a:hover {
+     #p-namespaces li a:hover,
-         background-color: #2e2e2c;
+    #mw-head .vectorTabs li a:hover,
-         color: var(--bs-purple-400);
+    #mw-head .vectorMenu li a:hover {
+         background-color: #2e2e2c !important;
+         color: var(--bs-purple-400) !important;
+    }
+    /* tab background strip */
+    #mw-head-base,
+    div#mw-head-base {
+        background-color: #252523;
+        border-bottom: 1px solid #333331;
+    }
+    /* ── Image frames & captions ────────────────────── */
+    .thumb,
+    .thumbinner {
+        background-color: #1e1e1c;
+        border-color: #3a3a38;
+        color: var(--bs-text-primary);
+    }
+    .thumbcaption,
+    .thumbimage,
+    div.thumbcaption {
+        color: var(--bs-text-muted);
+        background-color: #1e1e1c;
+    }
+    /* magnify icon link */
+    .thumbcaption .magnify a {
+        color: var(--bs-gray-400);
+    }
+    /* plain image frames (not thumbs) */
+    .frame,
+    div.frame {
+        background-color: #1e1e1c;
+        border-color: #3a3a38;
+        color: var(--bs-text-primary);
      }
@@ Line 672: / Line 801: @@
      .diff-deletedline { background-color: #2b0d0d; color: #e6b8b8; }
      .diff-context     { background-color: #1e1e1c; color: var(--bs-text-muted); }
+    /* ── Infobox ────────────────────────────────────── */
+    table.bs-infobox {
+        background: #1e1e1c !important;
+        color: var(--bs-text-primary) !important;
+        border-color: #3a3a38 !important;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
+    }
+    table.bs-infobox th,
+    table.bs-infobox td {
+        background: #1e1e1c !important;
+        color: var(--bs-text-primary) !important;
+        border-color: #2e2e2c !important;
+    }
+    .bs-infobox-title {
+        background: #1e1a3a !important;
+        color: var(--bs-purple-900) !important;
+    }
+    .bs-infobox-section {
+        background: #2a2a28 !important;
+        color: var(--bs-gray-800) !important;
+    }
+    .bs-infobox-logo,
+    .bs-infobox-screenshot {
+        background: #252523 !important;
+        color: var(--bs-text-primary) !important;
+    }
+    .bs-infobox-caption {
+        color: var(--bs-text-muted) !important;
+    }
+    /* active status — dark green */
+    tr.bs-infobox-active th,
+    tr.bs-infobox-active td,
+    th.bs-infobox-active,
+    td.bs-infobox-active {
+        background: #0d2b0d !important;
+        color: #7ee8a2 !important;
+    }
+    /* inactive status — dark red */
+    tr.bs-infobox-inactive th,
+    tr.bs-infobox-inactive td,
+    th.bs-infobox-inactive,
+    td.bs-infobox-inactive {
+        background: #2b0d0d !important;
+        color: #f5a8a8 !important;
+    }
+    /* completed / discontinued */
+    td.bs-infobox-ended {
+        color: #f5a8a8 !important;
+    }
+    /* stats as of — dark purple tint */
+    th.bs-infobox-statsdate,
+    td.bs-infobox-statsdate {
+        background: #1e1a3a !important;
+        color: var(--bs-purple-900) !important;
+    }
 } /* end @media (prefers-color-scheme: dark) */

MediaWiki:Common.css: Difference between revisions