diff --git a/packages/client/src/components/MkMedia.vue b/packages/client/src/components/MkMedia.vue
index f16e4e83a..01e0e2427 100644
--- a/packages/client/src/components/MkMedia.vue
+++ b/packages/client/src/components/MkMedia.vue
@@ -178,6 +178,8 @@ onMounted(() => {
 	position: relative;
 	background: var(--bg);
 
+	--plyr-color-main: var(--accent);
+
 	> .buttons {
 		display: flex;
 		gap: 4px;