From 087f4f402328d6c89c0c538bff00f0cb58ffa173 Mon Sep 17 00:00:00 2001 From: Mathieu Moran Date: Sat, 31 Jan 2026 22:54:39 -0500 Subject: [PATCH] Fix form-switch toggle visibility in dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The toggle button for "Films non regardés seulement" was invisible in dark mode. Added specific styles for the form-switch component with proper background colors and slider visibility. Co-Authored-By: Claude Opus 4.5 --- public/css/app.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/public/css/app.css b/public/css/app.css index 67dc00b..0b47619 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1272,6 +1272,19 @@ footer { box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25); } + /* Dark mode: form-switch toggle visibility */ + html[data-theme="dark"] .form-switch .form-check-input { + background-color: #495057; + border-color: #6c757d; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.7%29'/%3e%3c/svg%3e"); + } + + html[data-theme="dark"] .form-switch .form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); + } + .theme-toggle { position: relative; display: inline-flex;