From c9929667231f58edab4fc335dccf29702e7232d1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= Date: Wed, 11 May 2022 18:09:42 +0200 Subject: [PATCH] Web: CSS, use variables for "active" row colours in tables --- web/app/src/assets/base.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index a52c4095..ad8c84bb 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -27,7 +27,8 @@ --table-color-background-row-odd: #2b2b2b; --table-color-background-row-selected: var(--color-accent); - --table-color-background-row-selected: var(--color-accent); + --table-color-background-row-active: hsla(276, 100%, 50%, 0.267); + --table-color-background-row-active-even: hsla(276, 98%, 58%, 0.267); --table-color-border: var(--color-border); --header-height: 25px; @@ -345,8 +346,8 @@ footer { .tabulator-row.active-row { font-weight: bold; - background-color: #9900ff44; + background-color: var(--table-color-background-row-active); } .tabulator-row.active-row.tabulator-row-even { - background-color: #a92cfd44; + background-color: var(--table-color-background-row-active-even); }