From aed74dc878cb7859a0479def64ff7e7e390f92dc Mon Sep 17 00:00:00 2001 From: WardPearce Date: Fri, 15 Mar 2024 23:48:31 +1300 Subject: [PATCH] Minor styling improvements to the player --- materialious/src/lib/Player.svelte | 11 +++++++++-- materialious/static/style.css | 2 +- 2 files changed, 10 insertions(+), 3 deletions(-) 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