MediaWiki:Common.css: Difference between revisions

image box css
No edit summary
Line 570: Line 570:
     }
     }


     /* ensure all common text elements inherit the light colour explicitly */
     /* ensure core text elements get the light colour in dark mode */
     .mw-body-content p,
     .mw-body-content p,
     .mw-body-content li,
     .mw-body-content li,
     .mw-body-content dt,
     .mw-body-content dt,
     .mw-body-content dd,
     .mw-body-content dd {
    .mw-body-content td,
    .mw-body-content th,
    .mw-body-content span,
    .mw-body-content div {
         color: var(--bs-text-primary);
         color: var(--bs-text-primary);
     }
     }
Line 628: Line 624:
         border-left-color: var(--bs-purple-200);
         border-left-color: var(--bs-purple-200);
         color: var(--bs-text-muted);
         color: var(--bs-text-muted);
    }
    /* ── Image frames — darken background to match dark mode ── */
    /* Using filter:invert then re-invert the image to keep photo colours correct */
    .thumbinner,
    div.thumbinner {
        background-color: #2a2a28 !important;
        border-color: #3a3a38 !important;
    }
    .thumbcaption,
    div.thumbcaption {
        background-color: #2a2a28 !important;
        color: #e8e8e8 !important;
    }
    /* re-invert only the actual image so photos look normal */
    .thumbinner img {
        filter: brightness(0.9);
     }
     }