Merge pull request #629 from Chris0Jeky/feature/627-home-action-color

Chris0Jeky · web-flow · commit ef9f647541ed · 2026-03-31T15:49:23.000+01:00
UX-27: Soften Home primary action card color
diff --git a/frontend/taskdeck-web/src/views/HomeView.vue b/frontend/taskdeck-web/src/views/HomeView.vue
@@ -558,13 +558,14 @@ onActivated(refreshHomeSummary)
 }
 
 .td-home-action--primary {
-  background: var(--td-color-ember-glow);
-  color: var(--td-text-inverse);
+  background: var(--td-color-ember-dim);
+  color: var(--td-text-primary);
+  border-left: 3px solid var(--td-color-ember);
 }
 
 .td-home-action--primary:hover {
-  background: var(--td-color-ember);
-  box-shadow: 0 0 20px rgba(255, 83, 82, 0.25);
+  background: color-mix(in srgb, var(--td-color-ember) 18%, transparent);
+  box-shadow: none;
 }
 
 .td-home-action--secondary {

Original file line number	Diff line number	Diff line change
`@@ -558,13 +558,14 @@ onActivated(refreshHomeSummary)`
`558`	`558`	`}`
`559`	`559`
`560`	`560`	`.td-home-action--primary {`
`561`		`- background: var(--td-color-ember-glow);`
`562`		`- color: var(--td-text-inverse);`
	`561`	`+ background: var(--td-color-ember-dim);`
	`562`	`+ color: var(--td-text-primary);`
	`563`	`+ border-left: 3px solid var(--td-color-ember);`
`563`	`564`	`}`
`564`	`565`
`565`	`566`	`.td-home-action--primary:hover {`
`566`		`- background: var(--td-color-ember);`
`567`		`- box-shadow: 0 0 20px rgba(255, 83, 82, 0.25);`
	`567`	`+ background: color-mix(in srgb, var(--td-color-ember) 18%, transparent);`
	`568`	`+ box-shadow: none;`
`568`	`569`	`}`
`569`	`570`
`570`	`571`	`.td-home-action--secondary {`