Apply theme toggle to sidebar drawer
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user