feat(design): add v2 design tokens

Add --ink-*, --accent, --line, --bg, --paper, --tasks-bg, calendar-source
event palette, and all-day chip palette as CSS custom properties. Tokens
alias existing --weekly-* vars where a match exists so no existing styles
are affected. Also adds docs/design/ to .gitignore.

v1.105.0
This commit is contained in:
mARTin-B78 2026-05-10 14:06:15 +02:00
parent ac19e13714
commit f54dde3689
3 changed files with 45 additions and 2 deletions

5
.gitignore vendored
View File

@ -40,4 +40,7 @@ prisma/dev.db-journal
# Next.js # Next.js
.next/ .next/
certificates certificates
# Design reference files (not tracked)
docs/design/

View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.104.1", "version": "1.105.0",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

View File

@ -474,6 +474,46 @@ h3 {
--weekly-settings-toggle-active-text: #111827; --weekly-settings-toggle-active-text: #111827;
--weekly-header-brightness: 1; --weekly-header-brightness: 1;
--weekly-goal-brightness: 1; --weekly-goal-brightness: 1;
/* ── v2 design token aliases ── */
/* Map to existing weekly vars where a match exists */
--bg: var(--weekly-bg);
--paper: var(--weekly-bg);
--ink: var(--weekly-text);
--ink-2: #2a2a28;
--ink-3: var(--weekly-text-light);
--ink-4: #a8a8a2;
--ink-5: #c8c8c2;
--accent: var(--weekly-teal);
--accent-soft: rgba(0, 154, 154, 0.08);
--line: var(--weekly-border);
--line-soft: #f3f3f0;
--weekend: #dc2626;
--tasks-bg: #f4f2ee;
/* Calendar-source event palette */
--ev-default-bg: #eef2f7;
--ev-default-border: #6c87a8;
--ev-default-title: #2b3f57;
--ev-default-meta: #6c87a8;
--ev-fam-bg: #fbeef0;
--ev-fam-border: #b85a6a;
--ev-fam-title: #5a2530;
--ev-fam-meta: #99536a;
--ev-fin-bg: #f6f0e2;
--ev-fin-border: #a88a3c;
--ev-fin-title: #4a3a14;
--ev-fin-meta: #8a6f2a;
--ev-dev-bg: #ecf3ed;
--ev-dev-border: #5a7a4a;
--ev-dev-title: #2c4527;
--ev-dev-meta: #5a7a4a;
/* All-day chip palette */
--chip-default-bg: #b8b8b0;
--chip-fam-bg: #e88a8a;
--chip-special-bg: #f4d588;
--chip-special-text: #6b4f10;
} }
/* Weekly Main Container */ /* Weekly Main Container */