From 218972d52f274c71487cb39369d9cca03115018e Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Wed, 29 Apr 2026 23:05:42 +0200
Subject: [PATCH] feat(ST-1112): add missing MD3 tokens for task dialog

outline-variant, on-error-container, status-review (light + dark)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/styles/theme.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/app/styles/theme.css b/app/styles/theme.css
index 6b14556..071598a 100644
--- a/app/styles/theme.css
+++ b/app/styles/theme.css
@@ -73,9 +73,16 @@
   --switch-background: #79767d;
   --ring: var(--primary);
 
+  /* MD3 Outline Variant */
+  --outline-variant: #c5c6d0;
+
+  /* MD3 On-Error-Container */
+  --on-error-container: #410002;
+
   /* Project Management Specific Colors */
   --status-todo: #6750a4;
   --status-in-progress: #0061a4;
+  --status-review: #7b5ea7;
   --status-done: #006e1c;
   --status-blocked: #ba1a1a;
 
@@ -177,9 +184,16 @@
   --switch-background: #898790;
   --ring: var(--primary);
 
+  /* MD3 Outline Variant */
+  --outline-variant: #45464f;
+
+  /* MD3 On-Error-Container */
+  --on-error-container: #ffdad6;
+
   /* Project Management Specific Colors */
   --status-todo: #cfbdfe;
   --status-in-progress: #9fcbfa;
+  --status-review: #c9b6ef;
   --status-done: #77db77;
   --status-blocked: #ffb4ab;
 
@@ -256,6 +270,7 @@
   --color-error-foreground: var(--error-foreground);
   --color-error-container: var(--error-container);
   --color-error-container-foreground: var(--error-container-foreground);
+  --color-on-error-container: var(--on-error-container);
 
   --color-info: var(--info);
   --color-info-foreground: var(--info-foreground);
@@ -273,6 +288,7 @@
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
+  --color-outline-variant: var(--outline-variant);
   --color-border: var(--border);
   --color-input: var(--input);
   --color-input-background: var(--input-background);
@@ -282,6 +298,7 @@
   /* Project management colors */
   --color-status-todo: var(--status-todo);
   --color-status-in-progress: var(--status-in-progress);
+  --color-status-review: var(--status-review);
   --color-status-done: var(--status-done);
   --color-status-blocked: var(--status-blocked);