From 0d03f21a4cdc4354548cb8003e79e79a5a9bfd9f Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Mon, 13 Apr 2026 14:33:42 +0200
Subject: [PATCH] Refine mobile planner icons and nav states

---
 nouri/static/css/styles.css                   | 72 +++++++++++++++----
 .../static/icons/dayparts/afternoon-snack.svg |  2 +-
 nouri/static/icons/dayparts/breakfast.svg     |  2 +-
 nouri/static/icons/dayparts/dinner.svg        |  2 +-
 nouri/static/icons/dayparts/late-snack.svg    |  2 +-
 nouri/static/icons/dayparts/lunch.svg         |  2 +-
 nouri/static/icons/dayparts/morning-snack.svg |  2 +-
 7 files changed, 65 insertions(+), 19 deletions(-)

diff --git a/nouri/static/css/styles.css b/nouri/static/css/styles.css
index b1b4676..20956d0 100644
--- a/nouri/static/css/styles.css
+++ b/nouri/static/css/styles.css
@@ -980,23 +980,46 @@ legend {
 }
 
 .day-tile-icon {
-    width: 2.8rem;
-    height: 2.8rem;
+    width: 2.95rem;
+    height: 2.95rem;
+    flex: 0 0 2.95rem;
     display: grid;
     place-items: center;
-    border-radius: 1rem;
-    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), var(--peach-soft));
-    color: var(--accent-strong);
+    border-radius: 0.9rem;
+    background: linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--surface-soft) 72%, #fff 28%),
+        color-mix(in srgb, var(--surface-soft) 92%, #f7e2cf 8%)
+    );
+    border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line) 74%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.82),
+        0 10px 24px rgba(223, 177, 134, 0.12);
+    color: #cf8450;
 }
 
 .day-tile-icon .ui-icon {
-    width: 1.15rem;
-    height: 1.15rem;
+    width: 1.28rem;
+    height: 1.28rem;
+}
+
+[data-theme="dark"] .day-tile-icon {
+    background: linear-gradient(180deg, rgba(86, 74, 69, 0.98), rgba(67, 58, 55, 0.98));
+    border: 1px solid rgba(243, 177, 125, 0.14);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+    color: #f3bf90;
 }
 
 .day-tile.has-entries .day-tile-icon {
-    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--accent-soft) 68%, #fff 32%));
-    box-shadow: 0 10px 22px rgba(94, 68, 49, 0.14);
+    background: linear-gradient(
+        180deg,
+        color-mix(in srgb, var(--surface-soft) 82%, #fff 18%),
+        color-mix(in srgb, var(--accent-soft) 72%, #fff 28%)
+    );
+    border-color: color-mix(in srgb, var(--accent) 36%, var(--line) 64%);
+    box-shadow:
+        inset 0 1px 0 rgba(255, 255, 255, 0.84),
+        0 12px 26px rgba(94, 68, 49, 0.14);
 }
 
 .day-tile-summary-text {
@@ -1023,8 +1046,9 @@ legend {
 }
 
 [data-theme="dark"] .day-tile.has-entries .day-tile-icon {
-    background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(243, 177, 125, 0.16));
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
+    background: linear-gradient(180deg, rgba(97, 82, 76, 0.98), rgba(76, 65, 61, 0.98));
+    border-color: rgba(243, 177, 125, 0.18);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 }
 
 [data-theme="dark"] .day-tile.has-entries .status-pill {
@@ -1990,6 +2014,18 @@ legend {
         display: none;
     }
 
+    .day-tile-icon {
+        width: 2.8rem;
+        height: 2.8rem;
+        flex-basis: 2.8rem;
+        border-radius: 0.85rem;
+    }
+
+    .day-tile-icon .ui-icon {
+        width: 1.12rem;
+        height: 1.12rem;
+    }
+
     .hero,
     .page-intro,
     .panel,
@@ -2169,18 +2205,28 @@ legend {
         box-shadow: none;
     }
 
-    [data-theme="dark"] .mobile-nav-stack .mobile-nav-button {
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button:not(.secondary):not(.ghost-button) {
         background: transparent;
         color: var(--muted);
         border: 0;
         box-shadow: none;
     }
 
-    [data-theme="dark"] .mobile-nav-stack .mobile-nav-button.is-open {
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button:not(.secondary):not(.ghost-button):hover {
+        background: transparent;
+        color: var(--muted);
+        border: 0;
+        box-shadow: none;
+        transform: none;
+    }
+
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button.is-open:not(.secondary):not(.ghost-button),
+    [data-theme="dark"] .mobile-nav-stack button.mobile-nav-button.is-open:not(.secondary):not(.ghost-button):hover {
         background: var(--accent-soft);
         color: var(--text);
         border: 0;
         box-shadow: none;
+        transform: none;
     }
 
     [data-theme="dark"] .mobile-nav-extension .mobile-extra-button,
diff --git a/nouri/static/icons/dayparts/afternoon-snack.svg b/nouri/static/icons/dayparts/afternoon-snack.svg
index b39951a..d6f05fe 100644
--- a/nouri/static/icons/dayparts/afternoon-snack.svg
+++ b/nouri/static/icons/dayparts/afternoon-snack.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path opacity=".4" fill="currentColor" d="M32.7 224.4l24.2 138.1 100.3 97.4 138 19.5 123.1-65.8 61.1-126-24.2-138.1-100.3-97.4-138-19.5-123.1 65.8-61.1 126zM208 336a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm32-160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM400 304a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z"/><path fill="currentColor" d="M93.8 98.4l-61.1 126 24.2 138.1 100.3 97.4 138 19.5 123.1-65.8 61.1-126-24.2-138.1-100.3-97.4-138-19.5-123.1 65.8zM213.9 16L362.2 37 470 141.6 496 289.9 430.3 425.3 298.1 496 149.8 475 42 370.4 16 222.1 81.7 86.7 213.9 16zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm16 32a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm32 16a16 16 0 1 0 0-32 16 16 0 1 0 0 32zm192-80a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm16 32a16 16 0 1 0 -32 0 16 16 0 1 0 32 0z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M362.2 37L213.9 16 81.7 86.7 16 222.1 42 370.4 149.8 475 298.1 496 430.3 425.3 496 289.9 470 141.6 362.2 37zM208 144a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM144 336a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm224-64a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
\ No newline at end of file
diff --git a/nouri/static/icons/dayparts/breakfast.svg b/nouri/static/icons/dayparts/breakfast.svg
index d474915..b13cbe6 100644
--- a/nouri/static/icons/dayparts/breakfast.svg
+++ b/nouri/static/icons/dayparts/breakfast.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path opacity=".4" fill="currentColor" d="M80 208l352 0 0 288-352 0 0-288z"/><path fill="currentColor" d="M160 0l0 8c0 23.9 16.8 39.5 37.4 58.1l1 .9c19.2 17.3 41.6 37.5 41.6 69l0 8-16 0 0-8c0-23.9-16.8-39.5-37.4-58.1l-1-.9C166.4 59.8 144 39.6 144 8l0-8 16 0zM80 208l0 288 352 0 0-288-352 0zm368 0l0 176 24 0c48.6 0 88-39.4 88-88s-39.4-88-88-88l-24 0zm0 192l0 112-384 0 0-320 408 0c57.4 0 104 46.6 104 104S529.4 400 472 400l-24 0zM272 8c0 23.9 16.8 39.5 37.4 58.1l1 .9c19.2 17.3 41.6 37.5 41.6 69l0 8-16 0 0-8c0-23.9-16.8-39.5-37.4-58.1l-1-.9C278.4 59.8 256 39.6 256 8l0-8 16 0 0 8z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M243.2 .3c4.2-.2 8.5-.3 12.8-.3 62.1 0 118.9 22.1 163.3 58.8L314.6 163.4 243.2 .3zM194 7.6L307.4 266.6 267.3 306.8 12 178.3C38.8 94.2 107.7 29 194 7.6zM1.6 226.8l166 83.6-108.9 108.9C22.1 374.9 0 318.1 0 256 0 246.1 .6 236.4 1.6 226.8zM92.7 453.2l120.1-120.1 11.2 5.6 0 171.3c-49.5-6.2-94.7-26.5-131.3-56.8zM341.2 224l-5.9-13.4 117.9-117.9c30.3 36.6 50.6 81.7 56.8 131.3l-168.8 0z"/></svg>
\ No newline at end of file
diff --git a/nouri/static/icons/dayparts/dinner.svg b/nouri/static/icons/dayparts/dinner.svg
index f976428..93bf9e3 100644
--- a/nouri/static/icons/dayparts/dinner.svg
+++ b/nouri/static/icons/dayparts/dinner.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path opacity=".4" fill="currentColor" d="M16 16l0 168c0 13.3 10.7 24 24 24l24 0 0-192-48 0zm64 0l0 192 24 0c13.3 0 24-10.7 24-24l0-168-48 0zm32 239.6l0 86.8c1.1 2.9 2.3 5.8 3.6 8.7 5.5-.9 10.7-2.4 15.6-4.4 34.8 78.5 113.4 133.3 204.9 133.3 89.4 0 166.5-52.3 202.4-128l-58.4 0 0-192c0-28.6 5.6-52.9 14.5-73.5-4.6-4.3-9.5-8.5-14.5-12.5l0 10.3c-38.9-32.7-89.2-52.4-144-52.4-62.7 0-119.3 25.7-160 67.2 0-25.4 0 2.9 0 84.8 0 37.1-28 67.6-64 71.6zm368 .4a144 144 0 1 1 -288 0 144 144 0 1 1 288 0zm-272 0a128 128 0 1 0 256 0 128 128 0 1 0 -256 0zm320-96l0 144 96 0 0-265.6c-11 4.5-25 11.2-38.9 20.8-29.5 20.3-57.1 52-57.1 100.8z"/><path fill="currentColor" d="M480 64l0 20.4C441.1 51.7 390.8 32 336 32 273.3 32 216.7 57.7 176 99.2l0-22.1c42.5-38 98.5-61.1 160-61.1 54 0 103.9 17.9 144 48zm32 96c0-87.2 77.7-125.9 112-138.8 9.7-3.6 16-5.2 16-5.2l0 480-16 0 0-176-112 0 0-160zM128 16l16 0 0 168c0 22.1-17.9 40-40 40l-24 0 0 272-16 0 0-272-24 0c-22.1 0-40-17.9-40-40l0-168 16 0 0 168c0 13.3 10.7 24 24 24l24 0 0-192 16 0 0 192 24 0c13.3 0 24-10.7 24-24l0-168zM556 352c-37 84.8-121.6 144-220 144-98.8 0-183.6-59.7-220.4-144.9 5.4-.9 10.6-2.4 15.6-4.4 34.8 78.5 113.4 133.3 204.9 133.3 89.4 0 166.5-52.3 202.4-128l17.6 0zM336 400a144 144 0 1 1 0-288 144 144 0 1 1 0 288zm0-16a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm288-80l0-265.6c-11 4.5-25 11.2-38.9 20.8-29.5 20.3-57.1 52-57.1 100.8l0 144 96 0z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M56 16L40 16 0 152c0 41.5 31.6 75.6 72 79.6l0 264.4 48 0 0-264.4c40.4-4 72-38.1 72-79.6l-40-136-16 0 0 136-16 0-16-136-16 0-16 136-16 0 0-136zm584 0S512 32 512 160l0 160 80 0 0 176 48 0 0-480zM336 32c-43.8 0-84.7 12.6-119.2 34.3l19.1 64.9c27.4-22 62.2-35.2 100.1-35.2 52.3 0 98.8 25.1 128 64 0-29.7 5.5-55.2 14.5-76.9-38.7-31.9-88.3-51.1-142.5-51.1zm0 384c-86.1 0-156.3-68-159.9-153.2-2.7 1.5-5.4 3-8.1 4.3l0 137c41 46.5 101.1 75.8 168 75.8 82.9 0 155.3-45 194-112l-66 0 0-16c-29.2 38.9-75.7 64-128 64zM448 256a112 112 0 1 0 -224 0 112 112 0 1 0 224 0z"/></svg>
\ No newline at end of file
diff --git a/nouri/static/icons/dayparts/late-snack.svg b/nouri/static/icons/dayparts/late-snack.svg
index e9a55f6..12f45d7 100644
--- a/nouri/static/icons/dayparts/late-snack.svg
+++ b/nouri/static/icons/dayparts/late-snack.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 576"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M99.1 99.8c36.8-31.2 88.7-50.7 158.9-51.8 70.8 1.3 118.7 27.7 149.8 67.9 32.6 42.2 48.7 102.3 48.7 172s-16.1 129.8-48.7 172c-31 40.2-79 66.6-149.8 67.9-70.2-1.1-122.1-20.6-158.9-51.8 14.2 2.5 29.3 3.8 45.4 3.8 4.1 0 8.1-.1 12-.2l0 .2c80.4 0 138.3-19.7 176.2-55.9 38-36.3 51.8-85.6 51.8-136.1s-13.8-99.8-51.8-136.1C294.8 115.7 236.9 96 156.5 96l0 .2c-3.9-.2-7.9-.2-12-.2-16.1 0-31.2 1.3-45.4 3.8zM252.5 .2C125.1 3.6 42.8 62.2 3.5 150.3l38.2 27.5c21.9-20.1 54.9-33.8 102.8-33.8 53.4 0 88.4 16.9 110.2 41.2 22.3 24.8 33.8 60.5 33.8 102.8S277 366 254.7 390.8c-21.9 24.4-56.8 41.2-110.2 41.2-47.9 0-80.9-13.6-102.8-33.8L3.5 425.7c39.3 88.2 121.6 146.7 249 150.1l0 .2c1.9 0 3.8 0 5.6 0 2.1 0 4.2 0 6.4 0 97.8 0 170.8-31.5 219.2-85.3 47.9-53.4 68.8-125.7 68.8-202.7S531.6 138.7 483.6 85.3c-48.3-53.8-121.4-85.3-219.2-85.3-2.1 0-4.3 0-6.4 0-1.9 0-3.7 0-5.6 0l0 .2zM216.5 252c0-26.5-14.4-48-48-48s-48 21.5-48 48 14.4 48 48 48 48-21.5 48-48zm-144 96c25.2 0 36-16.1 36-36s-10.8-36-36-36-36 16.1-36 36 10.8 36 36 36z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M359.7 21.9C272.6 43.5 208 122.2 208 216 208 326.4 297.5 416 408 416 426.5 416 444.4 413.5 461.4 408.8 414.8 471.4 340.1 512 256 512 114.6 512 0 397.4 0 256S114.6 0 256 0c36.9 0 72 7.8 103.7 21.9z"/></svg>
\ No newline at end of file
diff --git a/nouri/static/icons/dayparts/lunch.svg b/nouri/static/icons/dayparts/lunch.svg
index d020dbd..3019e96 100644
--- a/nouri/static/icons/dayparts/lunch.svg
+++ b/nouri/static/icons/dayparts/lunch.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path opacity=".4" fill="currentColor" d="M16 80l0 96 480 0 0-96-480 0zm0 256l0 96 480 0 0-96-101.6 0-70 46.7-4.4 3-4.4-3-70-46.7-229.6 0z"/><path fill="currentColor" d="M496 80l0 96-480 0 0-96 480 0zM16 64l-16 0 0 128 512 0 0-128-496 0zM0 320l0 128 512 0 0-128-122.4 0-2 1.3-67.6 45-67.6-45-2-1.3-250.4 0zm16 16l229.6 0 70 46.7 4.4 3 4.4-3 70-46.7 101.6 0 0 96-480 0 0-96zM130.8 224.5l-3-1.1-3 1.3-112 48-7.4 3.2 6.3 14.7 7.4-3.2 109-46.7 125 46.9 2.8 1.1 2.8-1.1 125-46.9 109 46.7 7.4 3.2 6.3-14.7-7.4-3.2-112-48-3-1.3-3 1.1-125.2 46.9-125.2-46.9z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M0 64l512 0 0 112-512 0 0-112zM320 384l96-48 96 0 0 112-512 0 0-112 224 0 96 48zM144.2 209.1l111.8 29.8 111.8-29.8 8-2.1 8 2c74.8 18.7 117.2 29.3 127 31.8l-15.5 62.1c-11.2-2.8-50.9-12.7-119-29.8l-112 29.9-8.2 2.2-8.2-2.2-112-29.9c-68.1 17-107.8 27-119 29.8L1.2 240.7c9.9-2.5 52.2-13.1 127-31.8l8-2 8 2.1z"/></svg>
\ No newline at end of file
diff --git a/nouri/static/icons/dayparts/morning-snack.svg b/nouri/static/icons/dayparts/morning-snack.svg
index 97cd1f9..7913060 100644
--- a/nouri/static/icons/dayparts/morning-snack.svg
+++ b/nouri/static/icons/dayparts/morning-snack.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path opacity=".4" fill="currentColor" d="M16 288c0 60.7 19 113.3 46.8 150.4 27.5 36.6 62.4 56.8 95.3 57.6l62-15.5 3.9-1 3.9 1 62 15.5c32.9-.7 67.8-20.9 95.3-57.6 27.8-37.1 46.8-89.7 46.8-150.4 0-36-8.5-72.9-25.1-100.3-16-26.3-38.6-42.9-68.8-43.7l-109.8 31.4-4.4 1.3-4.4-1.3-109.8-31.4C79.7 144.8 57 161.4 41.1 187.7 24.5 215.1 16 252 16 288zM224 80l0 16 16 0c35.3 0 64-28.7 64-64l0-16-16 0c-35.3 0-64 28.7-64 64z"/><path fill="currentColor" d="M240 96c35.3 0 64-28.7 64-64l0-16-16 0c-35.3 0-64 28.7-64 64l0 16 16 0zm-32 16l0-32c0-44.2 35.8-80 80-80l32 0 0 32c0 44.2-35.8 80-80 80l-32 0zm-96 16l112 32 112-32c76.3 0 112 83.7 112 160 0 128-80 224-160 224l-64-16-64 16C80 512 0 416 0 288 0 211.7 35.7 128 112 128zm116.4 47.4l-4.4 1.3-4.4-1.3-109.8-31.4C79.7 144.8 57 161.4 41.1 187.7 24.5 215.1 16 252 16 288 16 348.7 35 401.3 62.8 438.4 90.3 475 125.2 495.2 158.1 496l62-15.5 3.9-1 3.9 1 62 15.5c32.9-.7 67.8-20.9 95.3-57.6 27.8-37.1 46.8-89.7 46.8-150.4 0-36-8.5-72.9-25.1-100.3-16-26.3-38.6-42.9-68.8-43.7L228.4 175.4z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc. --><path fill="currentColor" d="M208 96l0-16c0-44.2 35.8-80 80-80l32 0 0 32c0 44.2-35.8 80-80 80l-32 0 0-16zM0 288c0-76.3 35.7-160 112-160l112 32 112-32c76.3 0 112 83.7 112 160 0 128-80 224-160 224l-64-16-64 16C80 512 0 416 0 288z"/></svg>
\ No newline at end of file