Template:VideoGallery/styles.css

/* START Embeded Video Gallery */
/* whole gallery  */
.video-embed-gallery {
    position: relative;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.video-embed-gallery .embedvideo {
    padding: 2px;
    border-radius: 5px;
    border-top: 0.5px solid grey;
    border-left: 0.5px solid grey;
    border-right: 0.5px solid grey;
    border-bottom: 1px solid grey;
}

.embedvideo-consent {
    z-index: 1;
     background-color: rgba(200, 200, 200, 0.8) !important;
}

/* forced nightmode */
@media screen {
    html.skin-theme-clientpref-night .embedvideo-consent {
        background-color:#27292d !important;
    }
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .embedvideo-consent {
        background-color:#27292d !important;
    }
}
/* END Embeded Video Gallery */