From 097c74799300430177bc3caaf85e75706ef73ae3 Mon Sep 17 00:00:00 2001 From: Andrii Arsenin Date: Thu, 9 Apr 2026 17:45:33 +0300 Subject: [PATCH] style(Table): apply Kimberly header and striped row backgrounds --- client/src/ui/Table/Table.module.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/client/src/ui/Table/Table.module.css b/client/src/ui/Table/Table.module.css index 6d8af87..8597bdd 100644 --- a/client/src/ui/Table/Table.module.css +++ b/client/src/ui/Table/Table.module.css @@ -19,12 +19,12 @@ padding: var(--space-3) var(--space-4); font-weight: 700; font-size: var(--font-size-xs); - color: var(--color-text-muted); + color: var(--color-secondary-fg); text-transform: uppercase; letter-spacing: 0.06em; - border-bottom: var(--border-width) solid var(--color-border); + border-bottom: var(--border-width) solid var(--color-secondary-border); white-space: nowrap; - background: var(--color-bg-subtle); + background: var(--color-secondary); } /* Rounded top corners on first/last header cells */ @@ -35,8 +35,12 @@ transition: background var(--transition); } +.tr:nth-child(even) { + background: color-mix(in srgb, var(--color-secondary) 30%, transparent); +} + .tr:hover { - background: var(--color-bg); + background: var(--color-secondary-hover); } .tr:not(:last-child) .td {