From 774d9e87efafcdc458df40a3f9621a37c7622ba0 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Tue, 28 Apr 2026 12:46:49 +0200
Subject: [PATCH] fix(dashboard): weather widget white-on-white in light mode

---
 CHANGELOG.md                | 5 +++++
 package-lock.json           | 4 ++--
 package.json                | 2 +-
 public/styles/dashboard.css | 4 ++++
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 110b0eb..c06322e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.29.3] - 2026-04-28
+
+### Fixed
+- Dashboard: weather widget background gradient was overridden by the higher-specificity `.dashboard .widget { background: var(--color-surface) }` rule, causing white text on a white background in light mode
+
 ## [0.29.2] - 2026-04-28
 
 ### Changed
diff --git a/package-lock.json b/package-lock.json
index 5f08386..2cf3f40 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "oikos",
-  "version": "0.29.2",
+  "version": "0.29.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "oikos",
-      "version": "0.29.2",
+      "version": "0.29.3",
       "license": "MIT",
       "dependencies": {
         "bcrypt": "^6.0.0",
diff --git a/package.json b/package.json
index f5e15b1..2bc202d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "oikos",
-  "version": "0.29.2",
+  "version": "0.29.3",
   "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 97422f2..96f298d 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -2278,6 +2278,10 @@
 
 .dashboard .weather-widget {
   border-radius: 8px;
+  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-deep) 100%);
+  color: var(--color-text-on-accent);
+  border-color: transparent;
+  box-shadow: var(--shadow-md);
 }
 
 .dashboard .weather-widget__refresh {