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 #91

Merged
quoije merged 1 commits from 2026 into prod 2026-01-31 22:55:27 -05:00
Conversation 0 Commits 1 Files Changed 1
+13
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 087f4f4023 - Show all commits
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); 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 { .theme-toggle {
position: relative; position: relative;
display: inline-flex; display: inline-flex;