diff --git a/materialious/src/lib/Player.svelte b/materialious/src/lib/Player.svelte index 91d25712..37fd1425 100644 --- a/materialious/src/lib/Player.svelte +++ b/materialious/src/lib/Player.svelte @@ -90,9 +90,16 @@ }) }; + const currentTheme = await getDynamicTheme(); + + document.documentElement.style.setProperty('--plyr-color-main', currentTheme['--primary']); document.documentElement.style.setProperty( - '--plyr-color-main', - (await getDynamicTheme())['--primary'] + '--plyr-menu-background', + currentTheme['--secondary-container'] + ); + document.documentElement.style.setProperty( + '--plyr-menu-color', + currentTheme['--secondary-text'] ); }); diff --git a/materialious/static/style.css b/materialious/static/style.css index 59898bc3..aa8af310 100644 --- a/materialious/static/style.css +++ b/materialious/static/style.css @@ -1,3 +1,3 @@ -.plyr--full-ui.plyr--video .plyr__control--overlaid { +.plyr--full-ui.plyr--video .plyr__control--overlaid, .plyr__control { display: flex !important; } \ No newline at end of file