From 40fc080c3a1f3b0417cb1dccea87510284d6581a Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Mon, 20 Apr 2026 07:09:07 +0200
Subject: [PATCH] chore: release v0.20.19

---
 CHANGELOG.md                | 6 ++++++
 package.json                | 2 +-
 public/styles/dashboard.css | 4 ++--
 public/styles/tokens.css    | 2 ++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f1dcb76..8d34ae3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.20.19] - 2026-04-20
+
+### Changed
+- Design: two hardcoded color values in `dashboard.css` replaced with design tokens — `drop-shadow(0 2px 4px rgba(0,0,0,0.15))` on `.weather-widget__icon` replaced with new `--shadow-drop-icon` token; `rgba(0,0,0,0.25)` on `.fab-backdrop` replaced with new `--color-backdrop-fab` token
+- Design: `--shadow-drop-icon` and `--color-backdrop-fab` added to `tokens.css` (shadow and overlay sections respectively)
+
 ## [0.20.18] - 2026-04-20
 
 ### Changed
diff --git a/package.json b/package.json
index 2edb0e3..a0a8c1a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "oikos",
-  "version": "0.20.18",
+  "version": "0.20.19",
   "description": "Self-hosted family planner - calendar, tasks, shopping, meal planning, budget and more. Private, open-source, no subscription.",
   "main": "server/index.js",
   "type": "module",
diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css
index 576dc1a..6045eca 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -741,7 +741,7 @@
   width: 64px;
   height: 64px;
   flex-shrink: 0;
-  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
+  filter: var(--shadow-drop-icon);
 }
 
 .weather-forecast {
@@ -963,7 +963,7 @@
 .fab-backdrop {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.25);
+  background: var(--color-backdrop-fab);
   z-index: calc(var(--z-nav) - 10);
   opacity: 0;
   pointer-events: none;
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index a7b00dd..4d5551b 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -195,6 +195,7 @@
   --color-overlay:        var(--_color-overlay);
   --_color-overlay-light: rgba(0, 0, 0, 0.2);
   --color-overlay-light:  var(--_color-overlay-light);
+  --color-backdrop-fab:   rgba(0, 0, 0, 0.25);
 
   /* Glass-Overlays (fuer Elemente auf farbigen Hintergruenden) */
   --color-glass:       rgba(255, 255, 255, 0.18);
@@ -207,6 +208,7 @@
    *    3 Stufen: subtle (Karten), medium (Dropdowns, Hover),
    *    elevated (Modals, FAB).
    * -------------------------------------------------------- */
+  --shadow-drop-icon: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
   --_shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 4px rgba(0, 0, 0, 0.03);
   --shadow-sm:  var(--_shadow-sm);
   --_shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);