Web: CSS, use variables for "active" row colours in tables

This commit is contained in:
Sybren A. Stüvel 2022-05-11 18:09:42 +02:00
parent b908ac75f5
commit c992966723

View File

@ -27,7 +27,8 @@
--table-color-background-row-odd: #2b2b2b; --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-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); --table-color-border: var(--color-border);
--header-height: 25px; --header-height: 25px;
@ -345,8 +346,8 @@ footer {
.tabulator-row.active-row { .tabulator-row.active-row {
font-weight: bold; font-weight: bold;
background-color: #9900ff44; background-color: var(--table-color-background-row-active);
} }
.tabulator-row.active-row.tabulator-row-even { .tabulator-row.active-row.tabulator-row-even {
background-color: #a92cfd44; background-color: var(--table-color-background-row-active-even);
} }