fix(ui): make shared switches visible across CMS themes

This commit is contained in:
simoleo89
2026-09-06 21:30:13 +02:00
parent 35d0f3ee01
commit 7033d65846
8 changed files with 131 additions and 61 deletions
@@ -39,32 +39,6 @@
line-height: 1.5;
color: var(--admin-text-muted);
}
.toggle[data-slot="switch"] {
width: 44px;
height: 24px;
border: 1px solid var(--admin-text-muted);
background: var(--admin-border);
cursor: pointer;
}
.toggle[data-checked] {
background: var(--admin-accent);
border-color: var(--admin-accent);
}
.toggle [data-slot="switch-thumb"] {
width: 18px;
height: 18px;
left: 2px;
background: var(--admin-text);
color: var(--admin-canvas);
}
.toggle[data-checked] [data-slot="switch-thumb"] {
left: 22px;
}
.toggle:focus-visible {
outline: 2px solid var(--admin-accent);
outline-offset: 3px;
}
.option[data-disabled] .toggle,
.option[data-disabled] .label {
cursor: not-allowed;
}