opensource/kilocode
3
0
Fork 0
mirror of https://github.com/Kilo-Org/kilocode.git synced 2026-09-24 16:02:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): use explicit yellow rgba for warning card variant, increase padding

Browse Source 
The VS Code bridge --surface-warning-weak variable resolves to a near-
invisible dark color in dark themes. Use explicit rgba(245, 158, 11)
values for background and border to ensure the warning is visually
prominent. Also set an amber text color and increase padding to 12px 14px.
This commit is contained in:
Mark IJbema
2026-03-11 12:29:31 +01:00
parent 41e66f670f
commit c43ce5e1ca
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/kilo-ui/src/components/card.css
+4
View File
@@ -4,4 +4,8 @@
border-radius: 2px;
padding: 8px;
border: 1px solid var(--border-weak-base);
&[data-variant="warning"] {
padding: 12px 14px;
}
}
packages/ui/src/components/card.css
+4 -2
View File
@@ -28,8 +28,10 @@
}
&[data-variant="warning"] {
background-color: var(--surface-warning-weak);
border: 1px solid var(--border-warning-base);
background-color: rgba(245, 158, 11, 0.1);
border: 1px solid rgba(245, 158, 11, 0.45);
color: color-mix(in oklab, var(--text-warning, #d97706) 85%, var(--text-base, #ccc));
padding: 12px 14px;
/* text-12-regular */
font-family: var(--font-family-sans);