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);
 }