quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix form-switch toggle visibility in dark mode

Browse Source 
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 <[email protected]>
This commit is contained in:
Mathieu Moran
2026-01-31 22:54:39 -05:00
co-authored by Claude Opus 4.5
parent 7a629b6c91
commit 087f4f4023
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/app.css
+13
View File
@@ -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;