diff --git a/frontend/current_screen.png b/frontend/current_screen.png index 1d1e64c2..85448f77 100644 Binary files a/frontend/current_screen.png and b/frontend/current_screen.png differ diff --git a/frontend/src/design-system/tokens.css b/frontend/src/design-system/tokens.css index d7d31820..d1acf525 100644 --- a/frontend/src/design-system/tokens.css +++ b/frontend/src/design-system/tokens.css @@ -191,12 +191,28 @@ --ag-font-size: var(--ks-font-grid) !important; --ag-font-family: Inter, Pretendard, system-ui, -apple-system, sans-serif !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-selected-row-background-color: rgba(59, 130, 246, 0.1) !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 */ .grid-table, .kbx-grid-table, .models-table, .shadow-runs-table { width: 100%;