feat(FN-4016): convert hardcoded rgba colors to CSS token variables across

Migrated dashboard component CSS from hardcoded `rgba()` values to design token variables across nine components including `CustomModelDropdown`, `CliBinaryPanel`, and `CliBinaryInstallBanner`, with test coverage added for the affected components.

Fusion-Task-Id: FN-4016
This commit is contained in:
Fusion
2026-05-11 10:49:33 -07:00
committed by gsxdsm
parent fc34907553
commit d6bea0d6e5
14 changed files with 160 additions and 95 deletions

View File

@@ -189,8 +189,8 @@
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.6);
color: #fff;
background: color-mix(in srgb, var(--bg) 60%, transparent);
color: var(--text);
border: none;
border-radius: 50%;
width: 16px;
@@ -203,7 +203,7 @@
}
.inline-create-preview-remove:hover {
background: rgba(248, 81, 73, 0.9);
background: color-mix(in srgb, var(--color-error) 90%, transparent);
}
.inline-create-model-wrap {