From 93793a456e3b0187d523ae0c506d49b39e72a8a2 Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Mon, 13 Apr 2026 18:14:46 +0200
Subject: [PATCH] Warm meal builder panels in dark mode

---
 nouri/static/css/styles.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/nouri/static/css/styles.css b/nouri/static/css/styles.css
index 2dfabd3..892d963 100644
--- a/nouri/static/css/styles.css
+++ b/nouri/static/css/styles.css
@@ -641,6 +641,18 @@ h3 {
     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 {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));