fix: use proper css variables for table colors (#7049)

* fix: use proper css variables for table colors

* update ui-libs

Author: elevatebart

ui/package-lock.json

@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@js-joda/core": "^5.6.3",
-    "@kestra-io/ui-libs": "^0.0.119",
+    "@kestra-io/ui-libs": "^0.0.122",
     "@vue-flow/background": "^1.3.2",
     "@vue-flow/controls": "^1.1.2",
     "@vue-flow/core": "^1.42.1",

ui/package.json

@@ -370,9 +370,10 @@ form.ks-horizontal {
     --el-table-border: 1px solid var(--ks-border-primary);
 
     --el-table-header-text-color: var(--ks-content-primary);
-    --el-table-row-hover-bg-color: var(--bs-gray-200);
     --el-table-header-bg-color: var(--ks-background-table-header);
-    --el-table-tr-bg-color: var(--ks-background-card);
+    --el-table-row-hover-bg-color: var(--ks-background-table-row-hover);
+    --el-table-header-bg-color: var(--ks-background-table-header);
+    --el-table-tr-bg-color: var(--ks-background-table-row);
 
     outline: 1px solid var(--ks-border-primary);
     border-radius: var(--bs-border-radius-lg);