MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 143: Line 143:
}
}


/* ══════════════════════════════════════════════════════
/* ── IMAGE CAPTIONS ─────────────────────────────────── */
  HERO BANNER
/* Darken caption text so it's readable against the light frame background in all modes */
.thumbcaption,
div.thumbcaption {
    color: #202122;
}
 
 
══════════════════════════════════════════════════════ */
══════════════════════════════════════════════════════ */
.bs-hero {
.bs-hero {
Line 667: Line 673:


     /* ── Image frames & captions ────────────────────── */
     /* ── Image frames & captions ────────────────────── */
    .thumb,
     /* Dark mode for image frames is deferred — caption text darkened via base styles instead */
    div.thumb,
    .thumbinner,
    div.thumbinner,
    table.thumb,
    .tright,
    .tleft,
    .tnone {
        background-color: #1e1e1c !important;
        border-color: #3a3a38 !important;
        color: var(--bs-text-primary) !important;
    }
 
    .thumbimage,
    div.thumbimage {
        background-color: #1e1e1c !important;
        border-color: #3a3a38 !important;
    }
 
    .thumbcaption,
    div.thumbcaption,
    .thumbinner .thumbcaption {
        background-color: #1e1e1c !important;
        color: var(--bs-text-muted) !important;
        border-top: 1px solid #3a3a38 !important;
    }
 
     /* magnify icon */
    .thumbcaption .magnify a,
    .thumbcaption .magnify a:visited {
        color: var(--bs-gray-400) !important;
    }
 
    /* plain [[File:...|frame]] images */
    .frame,
    div.frame,
    .framebox {
        background-color: #1e1e1c !important;
        border-color: #3a3a38 !important;
        color: var(--bs-text-primary) !important;
    }
 
    /* image border when using |border option */
    .mw-body-content img {
        background-color: transparent !important;
    }
 
    /* gallery thumbnails */
    li.gallerybox .thumb {
        background-color: #252523 !important;
        border-color: #3a3a38 !important;
    }
    li.gallerybox div.gallerytext {
        background-color: #1e1e1c !important;
        color: var(--bs-text-muted) !important;
    }


     /* ── Left sidebar / panel ───────────────────────── */
     /* ── Left sidebar / panel ───────────────────────── */