From 957905299ee2d991ec1c7f5558f947134e7f8b61 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Mon, 1 Jun 2026 18:58:55 +0200
Subject: [PATCH] fix: give toggle inactive state a solid background

---
 templates/components/video_player.gohtml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/components/video_player.gohtml b/templates/components/video_player.gohtml
index b683f59..ceaece9 100644
--- a/templates/components/video_player.gohtml
+++ b/templates/components/video_player.gohtml
@@ -80,14 +80,14 @@
                   <span class="text-[15px] font-normal text-foreground">Autoplay</span>
                   <label class="relative inline-flex cursor-pointer items-center">
                     <input id="player-autoplay" type="checkbox" data-autoplay class="peer sr-only" checked />
-                    <div class="peer-checked:bg-accent peer h-5 w-9 rounded-full bg-foreground-muted/20 transition-colors after:absolute after:top-[2px] after:left-[2px] after:h-4 after:w-4 after:rounded-full after:bg-white after:transition-all peer-checked:after:translate-x-full"></div>
+                    <div class="peer-checked:bg-accent peer h-5 w-9 rounded-full bg-black/60 ring-1 ring-white/10 transition-colors after:absolute after:top-[2px] after:left-[2px] after:h-4 after:w-4 after:rounded-full after:bg-white after:transition-all peer-checked:after:translate-x-full"></div>
                   </label>
                 </div>
                 <div class="flex items-center justify-between px-5 py-2.5">
                   <span class="text-[15px] font-normal text-foreground">Auto-skip</span>
                   <label class="relative inline-flex cursor-pointer items-center">
                     <input id="player-autoskip" type="checkbox" data-autoskip class="peer sr-only" />
-                    <div class="peer-checked:bg-accent peer h-5 w-9 rounded-full bg-foreground-muted/20 transition-colors after:absolute after:top-[2px] after:left-[2px] after:h-4 after:w-4 after:rounded-full after:bg-white after:transition-all peer-checked:after:translate-x-full"></div>
+                    <div class="peer-checked:bg-accent peer h-5 w-9 rounded-full bg-black/60 ring-1 ring-white/10 transition-colors after:absolute after:top-[2px] after:left-[2px] after:h-4 after:w-4 after:rounded-full after:bg-white after:transition-all peer-checked:after:translate-x-full"></div>
                   </label>
                 </div>
                 <div class="my-1 h-px w-full bg-white/10"></div>