Das Standarddesign für den MultimediaViewer ist weiß mit blauen Akzenten. Einige Wikis möchten vielleicht das Standarddesign ändern, damit es besser zum Thema des Wikis passt.
Beispiel für Anpassung an das Thema[]
Das folgende CSS zeigt ein Beispiel für die Anpassung an das Thema:
/** MultimediaViewer Verbesserungen **/
/* MMV Textfarbe */
.mw-mmv-above-fold,
.mw-mmv-dialog,
.mw-mmv-image-links li,
.mw-mmv-options-cancel-button.mw-ui-button.mw-ui-quiet,
.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header {
color: var(--theme-body-dynamic-color-1);
}
/* MMV Dateiinformationen */
.mw-mmv-above-fold {
background: var(--theme-page-background-color--secondary);
border-top: 1px solid var(--theme-border-color);
}
.mw-mmv-image-metadata {
background-color: var(--theme-page-background-color);
border-color: var(--theme-page-background-color--secondary);
}
.mw-mmv-image-metadata a:any-link {
color: var(--theme-link-color);
}
/* MMV Optionen-Pop-Up */
.mw-mmv-dialog {
border: 1px solid var(--theme-page-background-color--secondary);
background: var(--theme-page-background-color--secondary);
box-shadow: none;
}
.mw-mmv-dialog .mw-mmv-dialog-down-arrow {
background: var(--theme-page-background-color--secondary);
border-bottom: 1px solid var(--theme-page-background-color);
border-right: 1px solid var(--theme-page-background-color);
}
.mw-mmv-options-enable-alert {
background: var(--theme-page-background-color);
color: va(--theme-page-dynamic-color-2);
}
/* MMV Schaltflächen auf der Dateiseite */
.mw-ui-button {
background: var(--theme-accent-color);
border-color: var(--theme-accent-color);
color: var(--theme-body-dynamic-color-1);
}