chore: release v0.20.19

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

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",

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;

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);