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

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

Browse Source 
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 f25cf6e34d
commit 80130966f8
14 changed files with 160 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/dashboard/app/components/ScriptsModal.css
View File

@@ -3940,16 +3940,16 @@
.changes-diff-patch .diff-add,
.gm-diff-patch [data-prefix="+"],
.changes-diff-patch [data-prefix="+"] {
color: #3fb950;
background-color: rgba(63, 185, 80, 0.12);
color: var(--color-success);
background-color: color-mix(in srgb, var(--color-success) 12%, transparent);
}
.gm-diff-patch .diff-del,
.changes-diff-patch .diff-del,
.gm-diff-patch [data-prefix="-"],
.changes-diff-patch [data-prefix="-"] {
color: #f85149;
background-color: rgba(248, 81, 73, 0.12);
color: var(--color-error);
background-color: color-mix(in srgb, var(--color-error) 12%, transparent);
}
.gm-diff-patch .diff-hunk,
@@ -3976,16 +3976,16 @@
[data-theme="light"] .changes-diff-patch .diff-add,
[data-theme="light"] .gm-diff-patch [data-prefix="+"],
[data-theme="light"] .changes-diff-patch [data-prefix="+"] {
color: #1a7f37;
background-color: rgba(26, 127, 55, 0.1);
color: var(--color-success);
background-color: color-mix(in srgb, var(--color-success) 10%, transparent);
}
[data-theme="light"] .gm-diff-patch .diff-del,
[data-theme="light"] .changes-diff-patch .diff-del,
[data-theme="light"] .gm-diff-patch [data-prefix="-"],
[data-theme="light"] .changes-diff-patch [data-prefix="-"] {
color: #cf222e;
background-color: rgba(207, 34, 46, 0.1);
color: var(--color-error);
background-color: color-mix(in srgb, var(--color-error) 10%, transparent);
}
[data-theme="light"] .gm-diff-patch .diff-hunk,