root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3350): tokenize task detail danger/error styling

Browse Source 
Fixes task detail modal danger/error styling by switching to token-based CSS variables for consistent theming across dark and light modes.

Fusion-Task-Id: FN-3350
This commit is contained in:
Fusion
2026-05-04 04:04:13 -07:00
committed by gsxdsm
parent fbb96b25a5
commit 8cb8055531
24 changed files with 487 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/dashboard/app/components/TaskDetailModal.css
View File

@@ -210,9 +210,9 @@
gap: var(--space-md);
margin: var(--space-md) 0 var(--space-lg);
padding: 12px 14px;
background: rgba(218, 54, 51, 0.1);
border: 1px solid rgba(218, 54, 51, 0.3);
border-radius: var(--radius);
background: color-mix(in srgb, var(--color-error-dark) 10%, transparent);
border: 1px solid color-mix(in srgb, var(--color-error-dark) 30%, transparent);
border-radius: var(--radius-md);
}
.detail-error-icon {
@@ -570,6 +570,11 @@
background: var(--surface-hover);
}
.detail-actions-menu-note {
color: var(--text-muted);
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
}
@media (max-width: 768px) {
.detail-move-btn__arrow {
padding: var(--space-xs);
@@ -599,11 +604,11 @@
}
.detail-actions-menu-item-danger {
color: var(--color-error, #dc3545);
color: var(--color-error);
}
.detail-actions-menu-item-danger:hover {
background: rgba(220, 53, 69, 0.08);
background: color-mix(in srgb, var(--color-error) 8%, transparent);
}
.detail-refine-overlay {