Template:Featured screenshot/styles.css

/* Featured image header styling */
.featured-image-header {
    border-width: 1px;
    border-style: solid;
    margin-top: 9px;
    margin-bottom: 0.5em;
    padding: 0.2em 0.4em;
    font-size: 120%;
    font-weight: bold;
    font-family: inherit;
    background: #ddcef2;
    border-color: #afa3bf;
}

/* Dark mode support for Featured image header */
html.skin-theme-clientpref-night .featured-image-header {
    background-color: #7545ab;
    border-color: #5a3680;
    color: #e8e6e3;
}

/* OS dark mode support for Featured image header */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .featured-image-header {
        background-color: #7545ab;
        border-color: #5a3680;
        color: #e8e6e3;
    }
}