kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fe): fix AG Grid header background color and text font-weight to follow KBX design tokens

Browse Source
This commit is contained in:
김재현
2026-08-15 21:50:06 +09:00
parent 925df23789
commit b000cd1704
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/current_screen.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 62 KiB

frontend/src/design-system/tokens.css
+17 -1
View File
@@ -191,12 +191,28 @@
--ag-font-size: var(--ks-font-grid) !important; --ag-font-size: var(--ks-font-grid) !important;
--ag-font-family: Inter, Pretendard, system-ui, -apple-system, sans-serif !important; --ag-font-family: Inter, Pretendard, system-ui, -apple-system, sans-serif !important;
--ag-border-color: var(--ks-color-border) !important; --ag-border-color: var(--ks-color-border) !important;
--ag-header-background-color: var(--ks-color-canvas) !important; --ag-header-background-color: #f1f5f9 !important;
--ag-header-foreground-color: var(--ks-color-neutral-800) !important;
--ag-row-hover-color: var(--ks-color-neutral-100) !important; --ag-row-hover-color: var(--ks-color-neutral-100) !important;
--ag-selected-row-background-color: rgba(59, 130, 246, 0.1) !important; --ag-selected-row-background-color: rgba(59, 130, 246, 0.1) !important;
font-size: var(--ks-font-grid) !important; font-size: var(--ks-font-grid) !important;
} }
.ag-header, .ag-header-row, .ag-header-cell {
background-color: #f1f5f9 !important; /* KBX Standard Premium Header Gray (#f1f5f9) */
color: var(--ks-color-neutral-800) !important;
font-weight: 700 !important;
font-size: var(--ks-font-grid) !important;
}
.ag-header-cell {
border-right: 1px solid var(--ks-color-neutral-200) !important;
}
.ag-header {
border-bottom: 1px solid var(--ks-color-neutral-300) !important;
}
/* Raw Table Standard Grid Class for legacy fallback tables */ /* Raw Table Standard Grid Class for legacy fallback tables */
.grid-table, .kbx-grid-table, .models-table, .shadow-runs-table { .grid-table, .kbx-grid-table, .models-table, .shadow-runs-table {
width: 100%; width: 100%;