ui: added subtle tint for alternating rows on tables

2026-03-14 11:09:32 +02:00
parent 15c419b7bf
commit dd607a04a1
12 changed files with 28 additions and 26 deletions
--- a/frontend/src/crm/customers/CustomerList.jsx
+++ b/frontend/src/crm/customers/CustomerList.jsx
@@ -839,13 +839,14 @@ export default function CustomerList() {
                  const isLast = index === pagedCustomers.length - 1;
                  const gradient = rowGradient(c, direction);
                  const rowBg = hoveredRow === c.id ? "var(--bg-card-hover)" : undefined;
+                  const zebraBase = index % 2 === 1 ? "var(--bg-row-alt)" : "transparent";
                  const rowStyle = {
                    borderBottom: (!isLast && !(notesMode === "expanded" && hasStatus))
                      ? "1px solid var(--border-secondary)"
                      : "none",
                    background: rowBg
                      ? rowBg
-                      : gradient || "transparent",
+                      : gradient || zebraBase,
                  };

                  const mainRow = (