diff --git a/assets/css/color_impaired/overrides.css b/assets/css/color_impaired/overrides.css
index d0e68f326..04636762f 100644
--- a/assets/css/color_impaired/overrides.css
+++ b/assets/css/color_impaired/overrides.css
@@ -114,3 +114,37 @@ span.grid-text-worked > font {
 	color: rgb(255, 255, 255) !important;
 	font-weight: 400 !important;
 }
+
+/* Override CAT frequency gradient */
+.cat-frequency-gradient,
+.cat-frequency-gradient td,
+.cat-frequency-gradient td:hover,
+.cat-frequency-gradient td:focus {
+	background-color: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
+}
+
+/* Only set text color to white for direct text content, not spans with text classes */
+.cat-frequency-gradient td,
+.cat-frequency-gradient th,
+tr[data-gradient-color] td,
+tr[data-gradient-color] th {
+	color: #fff !important;
+}
+
+.cat-frequency-gradient > td > a > .text-success {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-success > a {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-danger > a {
+	color: #ffc4c4 !important;
+}
+
+.cat-frequency-gradient > td > a > .text-danger {
+	color: #ffc4c4 !important;
+}
\ No newline at end of file
diff --git a/assets/css/cosmo/overrides.css b/assets/css/cosmo/overrides.css
index 87e6b750c..c378f01db 100644
--- a/assets/css/cosmo/overrides.css
+++ b/assets/css/cosmo/overrides.css
@@ -113,4 +113,38 @@ span.grid-text-worked > font {
 ::-webkit-scrollbar-thumb {
 	border-radius: 10px;
 	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+/* Override CAT frequency gradient */
+.cat-frequency-gradient,
+.cat-frequency-gradient td,
+.cat-frequency-gradient td:hover,
+.cat-frequency-gradient td:focus {
+	background-color: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
+}
+
+/* Only set text color to white for direct text content, not spans with text classes */
+.cat-frequency-gradient td,
+.cat-frequency-gradient th,
+tr[data-gradient-color] td,
+tr[data-gradient-color] th {
+	color: #fff !important;
+}
+
+.cat-frequency-gradient > td > a > .text-success {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-success > a {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-danger > a {
+	color: #ffc4c4 !important;
+}
+
+.cat-frequency-gradient > td > a > .text-danger {
+	color: #ffc4c4 !important;
 }
\ No newline at end of file
diff --git a/assets/css/cosmo_wide/overrides.css b/assets/css/cosmo_wide/overrides.css
index 2782df71a..6262eba73 100644
--- a/assets/css/cosmo_wide/overrides.css
+++ b/assets/css/cosmo_wide/overrides.css
@@ -1,4 +1,4 @@
-/*!
+
  * No overrides for the default theme as it aligns with general.css
 */
 
@@ -153,3 +153,37 @@ span.grid-text-worked > font {
 	color: rgb(255, 255, 255) !important;
 	font-weight: 400 !important;
 }
+
+/* Override CAT frequency gradient */
+.cat-frequency-gradient,
+.cat-frequency-gradient td,
+.cat-frequency-gradient td:hover,
+.cat-frequency-gradient td:focus {
+	background-color: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
+}
+
+/* Only set text color to white for direct text content, not spans with text classes */
+.cat-frequency-gradient td,
+.cat-frequency-gradient th,
+tr[data-gradient-color] td,
+tr[data-gradient-color] th {
+	color: #fff !important;
+}
+
+.cat-frequency-gradient > td > a > .text-success {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-success > a {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-danger > a {
+	color: #ffc4c4 !important;
+}
+
+.cat-frequency-gradient > td > a > .text-danger {
+	color: #ffc4c4 !important;
+}
\ No newline at end of file
diff --git a/assets/css/default/overrides.css b/assets/css/default/overrides.css
index 4f0bcaa27..2e74d8295 100644
--- a/assets/css/default/overrides.css
+++ b/assets/css/default/overrides.css
@@ -95,4 +95,38 @@ span.grid-text-unworked > font {
 span.grid-text-worked > font {
 	color: rgb(255, 255, 255) !important;
 	font-weight: 400 !important;
+}
+
+/* Override CAT frequency gradient */
+.cat-frequency-gradient,
+.cat-frequency-gradient td,
+.cat-frequency-gradient td:hover,
+.cat-frequency-gradient td:focus {
+	background-color: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
+}
+
+/* Only set text color to white for direct text content, not spans with text classes */
+.cat-frequency-gradient td,
+.cat-frequency-gradient th,
+tr[data-gradient-color] td,
+tr[data-gradient-color] th {
+	color: #fff !important;
+}
+
+.cat-frequency-gradient > td > a > .text-success {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-success > a {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-danger > a {
+	color: #ffc4c4 !important;
+}
+
+.cat-frequency-gradient > td > a > .text-danger {
+	color: #ffc4c4 !important;
 }
\ No newline at end of file
diff --git a/assets/css/default_wide/overrides.css b/assets/css/default_wide/overrides.css
index dfef19858..69240cd55 100644
--- a/assets/css/default_wide/overrides.css
+++ b/assets/css/default_wide/overrides.css
@@ -131,3 +131,37 @@ span.grid-text-worked > font {
 	color: rgb(255, 255, 255) !important;
 	font-weight: 400 !important;
 }
+
+/* Override CAT frequency gradient */
+.cat-frequency-gradient,
+.cat-frequency-gradient td,
+.cat-frequency-gradient td:hover,
+.cat-frequency-gradient td:focus {
+	background-color: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-bg: rgba(82, 81, 81, 0.7) !important;
+	--bs-table-accent-bg: rgba(82, 81, 81, 0.7) !important;
+}
+
+/* Only set text color to white for direct text content, not spans with text classes */
+.cat-frequency-gradient td,
+.cat-frequency-gradient th,
+tr[data-gradient-color] td,
+tr[data-gradient-color] th {
+	color: #fff !important;
+}
+
+.cat-frequency-gradient > td > a > .text-success {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-success > a {
+	color: #08ff42 !important;
+}
+
+.cat-frequency-gradient > td > .text-danger > a {
+	color: #ffc4c4 !important;
+}
+
+.cat-frequency-gradient > td > a > .text-danger {
+	color: #ffc4c4 !important;
+}
\ No newline at end of file