chore: release v0.23.5

public/styles/dashboard.css

@@ -158,6 +158,19 @@
   background: var(--color-warning-translucent);
 }
 
+/* --------------------------------------------------------
+ * Widget-Modul-Akzentfarben
+ * Jedes Widget nutzt seine eigene Modulfarbe für Icon, Badge und Link.
+ * -------------------------------------------------------- */
+.widget--tasks    { --widget-accent: var(--module-tasks); }
+.widget--calendar { --widget-accent: var(--module-calendar); }
+.widget--shopping { --widget-accent: var(--module-shopping); }
+.widget--meals    { --widget-accent: var(--module-meals); }
+.widget--notes    { --widget-accent: var(--module-notes); }
+.widget--budget   { --widget-accent: var(--module-budget); }
+.widget--contacts { --widget-accent: var(--module-contacts); }
+.widget--weather  { --widget-accent: var(--module-dashboard); }
+
 /* --------------------------------------------------------
  * Basis-Widget (Card)
  *
@@ -209,12 +222,12 @@
 .widget__title-icon {
   width: 16px;
   height: 16px;
-  color: var(--color-accent);
+  color: var(--widget-accent, var(--color-accent));
 }
 
 .widget__link {
   font-size: var(--text-xs);
-  color: var(--color-accent);
+  color: var(--widget-accent, var(--color-accent));
   font-weight: var(--font-weight-medium);
   display: inline-flex;
   align-items: center;
@@ -230,7 +243,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--color-accent);
+  background-color: var(--widget-accent, var(--color-accent));
   color: var(--color-text-on-accent);
   font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
@@ -260,17 +273,17 @@
 .widget__empty .empty-state__icon {
   width: 28px;
   height: 28px;
-  color: var(--color-text-disabled);
+  color: var(--color-text-tertiary);
   margin-bottom: var(--space-1);
 }
 
-/* Widget hover lift (desktop) - dezent, max 1px */
+/* Widget hover lift (desktop) */
 @media (min-width: 1024px) {
   .widget {
     transition: transform var(--transition-fast), box-shadow var(--transition-fast);
   }
   .widget:hover {
-    transform: translateY(-1px);
+    transform: translateY(-2px);
     box-shadow: var(--shadow-md);
   }
 }
@@ -470,6 +483,12 @@
   border-bottom-right-radius: var(--radius-md);
 }
 
+/* Meal-Typ-Farben aus tokens.css */
+.meal-slot[data-type="breakfast"] { --slot-color: var(--meal-breakfast); }
+.meal-slot[data-type="lunch"]     { --slot-color: var(--meal-lunch); }
+.meal-slot[data-type="dinner"]    { --slot-color: var(--meal-dinner); }
+.meal-slot[data-type="snack"]     { --slot-color: var(--meal-snack); }
+
 .meal-slot__icon {
   width: 18px;
   height: 18px;
@@ -478,7 +497,7 @@
 }
 
 .meal-slot--filled .meal-slot__icon {
-  color: var(--color-accent);
+  color: var(--slot-color, var(--color-accent));
 }
 
 .meal-slot__type {
@@ -490,7 +509,7 @@
 }
 
 .meal-slot--filled .meal-slot__type {
-  color: var(--color-text-secondary);
+  color: var(--slot-color, var(--color-text-secondary));
 }
 
 .meal-slot__title {
@@ -571,7 +590,7 @@
 }
 
 .shopping-widget-list__progress {
-  height: 4px;
+  height: 6px;
   background-color: var(--color-surface-3);
   border-radius: var(--radius-full);
   overflow: hidden;
@@ -649,7 +668,7 @@
   cursor: pointer;
   transition: opacity var(--transition-fast), transform var(--transition-fast);
   border-left: 3px solid var(--note-color, var(--color-accent));
-  background-color: var(--color-surface-2);
+  background-color: color-mix(in srgb, var(--note-color, var(--color-accent)) 6%, var(--color-surface-2));
 }
 
 .note-item:hover {