chore: release v0.20.30

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.20.30] - 2026-04-20
+
+### Changed
+- Desktop body font size increased from 14px to 15px (`--text-base`) for improved readability
+- Interactive cards now show a stronger pressed state on touch (scale 0.98 + surface-3 background) instead of the barely-perceptible scale(0.99)
+
+### Fixed
+- Added clarifying comment to `--color-surface-2` token explaining its recessed/sunken semantics (darker than background in dark mode, not an elevation level)
+
 ## [0.20.29] - 2026-04-20
 
 ### Changed

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "oikos",
-  "version": "0.20.29",
+  "version": "0.20.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "oikos",
-      "version": "0.20.29",
+      "version": "0.20.30",
       "license": "MIT",
       "dependencies": {
         "bcrypt": "^6.0.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "oikos",
-  "version": "0.20.29",
+  "version": "0.20.30",
   "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/layout.css

@@ -759,7 +759,8 @@
   cursor: pointer;
   transition:
     transform var(--transition-fast),
-    box-shadow var(--transition-fast);
+    box-shadow var(--transition-fast),
+    background-color var(--transition-fast);
 }
 
 .card--interactive:hover {
@@ -768,7 +769,9 @@
 }
 
 .card--interactive:active {
-  transform: scale(0.99);
+  transform: scale(0.98);
+  background-color: var(--color-surface-3);
+  box-shadow: var(--shadow-sm);
 }
 
 .card--interactive:focus-visible {

public/styles/tokens.css

@@ -65,6 +65,7 @@
   --color-bg:             var(--neutral-100);
   --_color-surface:       #FFFFFF;
   --color-surface:        var(--_color-surface);
+  /* surface-2: recessed/vertieft (dunkler als bg in dark mode — kein Elevations-Token) */
   --color-surface-2:      var(--neutral-50);
   --_color-surface-3:     var(--_neutral-150);
   --color-surface-3:      var(--_color-surface-3);
@@ -243,7 +244,7 @@
   /* Size-Skala */
   --text-xs:   0.75rem;    /* 12px - Minimum, Captions, Badges, Nav-Labels */
   --text-sm:   0.8125rem;  /* 13px - Small/Secondary */
-  --text-base: 0.875rem;   /* 14px - Body (Desktop), kompakter */
+  --text-base: 0.9375rem;  /* 15px - Body (Desktop) */
   --text-md:   1rem;       /* 16px - Body (Mobile), Inputs */
   --text-lg:   1.125rem;   /* 18px - Section-Title */
   --text-xl:   1.25rem;    /* 20px - Subtitle */