Apply theme toggle to sidebar drawer

This commit is contained in:
2026-08-05 15:43:40 +02:00
parent 902f1927a2
commit 1914c7d141
3 changed files with 26 additions and 1 deletions
+22
View File
@@ -184,6 +184,28 @@
.sidebar-overlay { display: none; }
}
html:not(.dark) .control-panel { @apply bg-slate-100 text-slate-700; }
html:not(.dark) .sidebar-drawer-header,
html:not(.dark) .sidebar-footer { @apply border-slate-300; }
html:not(.dark) .sidebar-drawer-title { @apply text-slate-500; }
html:not(.dark) .sidebar-close-button,
html:not(.dark) .sidebar-open-button,
html:not(.dark) .drawer-trigger,
html:not(.dark) .arrow-button,
html:not(.dark) .action-button,
html:not(.dark) .input-like { @apply border-slate-300 bg-white text-slate-700; }
html:not(.dark) .sidebar-close-button:hover,
html:not(.dark) .sidebar-open-button:hover,
html:not(.dark) .drawer-trigger:hover,
html:not(.dark) .arrow-button:hover:not(:disabled),
html:not(.dark) .action-button:hover:not(:disabled) { @apply border-slate-400 bg-slate-200 text-slate-900; }
html:not(.dark) .arrow-button::before { @apply text-slate-700; }
html:not(.dark) #scanInput { @apply bg-slate-200 placeholder:text-slate-500; }
html:not(.dark) .picture-slot,
html:not(.dark) .mapping-box { @apply border-slate-300 bg-white text-slate-600; }
html:not(.dark) .mapping-toggle::before { @apply text-slate-700; }
html:not(.dark) .app-status { @apply border-slate-300 bg-white text-slate-700; }
html.dark body { @apply bg-slate-950 text-slate-100; }
html.dark .control-panel { @apply bg-slate-950; }
html.dark .secondary-panel { @apply border-slate-700 bg-slate-800; }