Merge pull request #91 from quoije/2026
Fix form-switch toggle visibility in dark mode
This commit was merged in pull request #91.
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user