Warm meal builder panels in dark mode

This commit is contained in:
2026-04-13 18:14:46 +02:00
parent f17ab27c2e
commit 93793a456e
+12
View File
@@ -641,6 +641,18 @@ h3 {
border: 1px solid var(--line); border: 1px solid var(--line);
} }
[data-theme="dark"] .component-group,
[data-theme="dark"] .quick-food-panel {
background:
linear-gradient(
180deg,
color-mix(in srgb, var(--surface-soft) 74%, #4c413d 26%),
color-mix(in srgb, var(--surface) 94%, #2c2523 6%)
);
border-color: color-mix(in srgb, var(--line) 58%, rgba(243, 177, 125, 0.18) 42%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.quick-food-grid { .quick-food-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));