From f663d06db9755884f711d1d74a313584b3e9f272 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 25 Nov 2021 10:11:27 +0300
Subject: [PATCH] Fixed a case where sortable column hover displays background
 when scrolling

---
 public/themes/arya-blue/theme.css               | 4 ++++
 public/themes/arya-green/theme.css              | 4 ++++
 public/themes/arya-orange/theme.css             | 4 ++++
 public/themes/arya-purple/theme.css             | 4 ++++
 public/themes/bootstrap4-dark-blue/theme.css    | 4 ++++
 public/themes/bootstrap4-dark-purple/theme.css  | 4 ++++
 public/themes/bootstrap4-light-blue/theme.css   | 4 ++++
 public/themes/bootstrap4-light-purple/theme.css | 4 ++++
 public/themes/fluent-light/theme.css            | 4 ++++
 public/themes/lara-dark-blue/theme.css          | 4 ++++
 public/themes/lara-dark-indigo/theme.css        | 4 ++++
 public/themes/lara-dark-purple/theme.css        | 4 ++++
 public/themes/lara-dark-teal/theme.css          | 4 ++++
 public/themes/lara-light-blue/theme.css         | 4 ++++
 public/themes/lara-light-indigo/theme.css       | 4 ++++
 public/themes/lara-light-purple/theme.css       | 4 ++++
 public/themes/lara-light-teal/theme.css         | 4 ++++
 public/themes/luna-amber/theme.css              | 4 ++++
 public/themes/luna-blue/theme.css               | 4 ++++
 public/themes/luna-green/theme.css              | 4 ++++
 public/themes/luna-pink/theme.css               | 4 ++++
 public/themes/md-dark-deeppurple/theme.css      | 4 ++++
 public/themes/md-dark-indigo/theme.css          | 4 ++++
 public/themes/md-light-deeppurple/theme.css     | 4 ++++
 public/themes/md-light-indigo/theme.css         | 4 ++++
 public/themes/mdc-dark-deeppurple/theme.css     | 4 ++++
 public/themes/mdc-dark-indigo/theme.css         | 4 ++++
 public/themes/mdc-light-deeppurple/theme.css    | 4 ++++
 public/themes/mdc-light-indigo/theme.css        | 4 ++++
 public/themes/nova-accent/theme.css             | 4 ++++
 public/themes/nova-alt/theme.css                | 4 ++++
 public/themes/nova-vue/theme.css                | 4 ++++
 public/themes/nova/theme.css                    | 4 ++++
 public/themes/rhea/theme.css                    | 4 ++++
 public/themes/saga-blue/theme.css               | 4 ++++
 public/themes/saga-green/theme.css              | 4 ++++
 public/themes/saga-orange/theme.css             | 4 ++++
 public/themes/saga-purple/theme.css             | 4 ++++
 public/themes/tailwind-light/theme.css          | 4 ++++
 public/themes/vela-blue/theme.css               | 4 ++++
 public/themes/vela-green/theme.css              | 4 ++++
 public/themes/vela-orange/theme.css             | 4 ++++
 public/themes/vela-purple/theme.css             | 4 ++++
 43 files changed, 172 insertions(+)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 31a6a2ae2..680001a90 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 38cb01435..08d01b67e 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index a7e27f851..739c7ada0 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index aeea31dbf..2ef5ad30f 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 67d1543f5..b2bb7d004 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #2a323d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #2a323d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index db39ce4d5..b23afdeb2 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #2a323d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #2a323d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 40a18cb78..a22157d10 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #efefef;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 358a82c96..44bb724e2 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #efefef;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 9baf4e040..addd20824 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #faf9f8;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 08035a76f..2f9226acc 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #22272d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #22272d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index e9244b588..9c7d14753 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #22272d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #22272d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 4e181cdaf..b0092e8d7 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #22272d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #22272d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index ed31f89a5..38e58baa3 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #22272d;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #22272d;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index eb0f984ff..1d00a8896 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index cedb62370..e75896f85 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 599b9eca6..8d7731248 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 49ec6fdb8..a9ecaef5d 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index c39987a4d..ad72dbf50 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #191919;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #252525;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index e3a8979de..64acb8bc9 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #191919;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #252525;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 621d7a96d..0a4151f10 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #191919;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #252525;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 500a1f154..505a488c2 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #191919;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #252525;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 1ac33ff74..02474c787 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 0329ea36a..f9879427e 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index f66952b57..7ea625882 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #ffffff;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 65d397cee..e23371a1a 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #ffffff;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 1731d84e2..4b33f8f53 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 3f6f5b1c8..1bd0c51da 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1e1e1e;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1e1e1e;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 552fadad2..b06ab3c23 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #ffffff;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 64bde773e..df129c8ba 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -2382,6 +2382,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #ffffff;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index dea23be2a..0c7529f0d 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #007ad9;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f4f4f4;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index e30a235e5..510de89fe 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #333333;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f4f4f4;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index c2940c4b5..da7d8b3e9 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f4f4f4;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f4f4f4;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 02e524eb5..6ee0f71a8 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -2370,6 +2370,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f4f4f4;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f4f4f4;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 409181c72..1bb10b8ab 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #7B95A3;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #ffffff;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index f87419122..734101332 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 6642d47b2..72b4a783a 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 2fa42baab..f1db0232f 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 88f1573b9..f7b0e5a8b 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #f8f9fa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #f8f9fa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 311778dbf..7795d4df0 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -2393,6 +2393,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #fafafa;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #fafafa;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 8fa4c0543..cc01cb484 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1f2d40;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1f2d40;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 06039cb0a..366914b06 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1f2d40;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1f2d40;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 04bc7bbcc..017f2d834 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1f2d40;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1f2d40;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index c8dc27045..be8385e31 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -2358,6 +2358,10 @@
 .p-datatable .p-datatable-scrollable-footer {
   background: #1f2d40;
 }
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+  background-color: #1f2d40;
+}
 .p-datatable .p-datatable-loading-icon {
   font-size: 2rem;
 }