From acb9ef914695ee59ec8cc2f055d393978346d1f7 Mon Sep 17 00:00:00 2001 From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com> Date: Sat, 13 Dec 2025 14:01:58 +0100 Subject: [PATCH 1/3] [DXCluster] CAT QRG line is diffcult to see in light themes --- assets/css/color_impaired/overrides.css | 30 +++++++++++++++++++++++++ assets/css/cosmo/overrides.css | 30 +++++++++++++++++++++++++ assets/css/cosmo_wide/overrides.css | 30 +++++++++++++++++++++++++ assets/css/default/overrides.css | 30 +++++++++++++++++++++++++ assets/css/default_wide/overrides.css | 30 +++++++++++++++++++++++++ 5 files changed, 150 insertions(+) diff --git a/assets/css/color_impaired/overrides.css b/assets/css/color_impaired/overrides.css index d0e68f326..2c6a7dda5 100644 --- a/assets/css/color_impaired/overrides.css +++ b/assets/css/color_impaired/overrides.css @@ -114,3 +114,33 @@ 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(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; +} + +/* Force override any inline styles from JavaScript */ +.cat-frequency-gradient td, +.cat-frequency-gradient td:hover, +.cat-frequency-gradient td:focus, +tr[data-gradient-color] td, +tr[data-gradient-color] td:hover, +tr[data-gradient-color] td:focus { + background-color: rgba(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 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; +} \ No newline at end of file diff --git a/assets/css/cosmo/overrides.css b/assets/css/cosmo/overrides.css index 87e6b750c..a58edd9a3 100644 --- a/assets/css/cosmo/overrides.css +++ b/assets/css/cosmo/overrides.css @@ -113,4 +113,34 @@ 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(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; +} + +/* Force override any inline styles from JavaScript */ +.cat-frequency-gradient td, +.cat-frequency-gradient td:hover, +.cat-frequency-gradient td:focus, +tr[data-gradient-color] td, +tr[data-gradient-color] td:hover, +tr[data-gradient-color] td:focus { + background-color: rgba(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 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; } \ No newline at end of file diff --git a/assets/css/cosmo_wide/overrides.css b/assets/css/cosmo_wide/overrides.css index 2782df71a..1f12cb4fe 100644 --- a/assets/css/cosmo_wide/overrides.css +++ b/assets/css/cosmo_wide/overrides.css @@ -153,3 +153,33 @@ 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(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; +} + +/* Force override any inline styles from JavaScript */ +.cat-frequency-gradient td, +.cat-frequency-gradient td:hover, +.cat-frequency-gradient td:focus, +tr[data-gradient-color] td, +tr[data-gradient-color] td:hover, +tr[data-gradient-color] td:focus { + background-color: rgba(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 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; +} \ No newline at end of file diff --git a/assets/css/default/overrides.css b/assets/css/default/overrides.css index 4f0bcaa27..a574d088b 100644 --- a/assets/css/default/overrides.css +++ b/assets/css/default/overrides.css @@ -95,4 +95,34 @@ 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(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; +} + +/* Force override any inline styles from JavaScript */ +.cat-frequency-gradient td, +.cat-frequency-gradient td:hover, +.cat-frequency-gradient td:focus, +tr[data-gradient-color] td, +tr[data-gradient-color] td:hover, +tr[data-gradient-color] td:focus { + background-color: rgba(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 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; } \ No newline at end of file diff --git a/assets/css/default_wide/overrides.css b/assets/css/default_wide/overrides.css index dfef19858..77eb873f6 100644 --- a/assets/css/default_wide/overrides.css +++ b/assets/css/default_wide/overrides.css @@ -131,3 +131,33 @@ 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(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; +} + +/* Force override any inline styles from JavaScript */ +.cat-frequency-gradient td, +.cat-frequency-gradient td:hover, +.cat-frequency-gradient td:focus, +tr[data-gradient-color] td, +tr[data-gradient-color] td:hover, +tr[data-gradient-color] td:focus { + background-color: rgba(196, 156, 233, 0.7) !important; + --bs-table-bg: rgba(196, 156, 233, 0.7) !important; + --bs-table-accent-bg: rgba(196, 156, 233, 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; +} \ No newline at end of file From 572d459bbca697a25037d253f4a54773e1a75610 Mon Sep 17 00:00:00 2001 From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com> Date: Wed, 21 Jan 2026 12:39:22 +0100 Subject: [PATCH 2/3] Adjusted coloring for CAT --- assets/css/color_impaired/overrides.css | 18 +++--------------- assets/css/cosmo/overrides.css | 18 +++--------------- assets/css/cosmo_wide/overrides.css | 20 ++++---------------- assets/css/default/overrides.css | 18 +++--------------- assets/css/default_wide/overrides.css | 18 +++--------------- 5 files changed, 16 insertions(+), 76 deletions(-) diff --git a/assets/css/color_impaired/overrides.css b/assets/css/color_impaired/overrides.css index 2c6a7dda5..7633b3746 100644 --- a/assets/css/color_impaired/overrides.css +++ b/assets/css/color_impaired/overrides.css @@ -120,21 +120,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; -} - -/* Force override any inline styles from JavaScript */ -.cat-frequency-gradient td, -.cat-frequency-gradient td:hover, -.cat-frequency-gradient td:focus, -tr[data-gradient-color] td, -tr[data-gradient-color] td:hover, -tr[data-gradient-color] td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; + background-color: rgba(51, 51, 51, 0.7) !important; + --bs-table-bg: rgba(51, 51, 51, 0.7) !important; + --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; } /* Only set text color to white for direct text content, not spans with text classes */ diff --git a/assets/css/cosmo/overrides.css b/assets/css/cosmo/overrides.css index a58edd9a3..b2f0364e7 100644 --- a/assets/css/cosmo/overrides.css +++ b/assets/css/cosmo/overrides.css @@ -120,21 +120,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; -} - -/* Force override any inline styles from JavaScript */ -.cat-frequency-gradient td, -.cat-frequency-gradient td:hover, -.cat-frequency-gradient td:focus, -tr[data-gradient-color] td, -tr[data-gradient-color] td:hover, -tr[data-gradient-color] td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; + background-color: rgba(51, 51, 51, 0.7) !important; + --bs-table-bg: rgba(51, 51, 51, 0.7) !important; + --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; } /* Only set text color to white for direct text content, not spans with text classes */ diff --git a/assets/css/cosmo_wide/overrides.css b/assets/css/cosmo_wide/overrides.css index 1f12cb4fe..880c1366e 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 */ @@ -159,21 +159,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; -} - -/* Force override any inline styles from JavaScript */ -.cat-frequency-gradient td, -.cat-frequency-gradient td:hover, -.cat-frequency-gradient td:focus, -tr[data-gradient-color] td, -tr[data-gradient-color] td:hover, -tr[data-gradient-color] td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; + background-color: rgba(51, 51, 51, 0.7) !important; + --bs-table-bg: rgba(51, 51, 51, 0.7) !important; + --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; } /* Only set text color to white for direct text content, not spans with text classes */ diff --git a/assets/css/default/overrides.css b/assets/css/default/overrides.css index a574d088b..eae6d1a61 100644 --- a/assets/css/default/overrides.css +++ b/assets/css/default/overrides.css @@ -102,21 +102,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; -} - -/* Force override any inline styles from JavaScript */ -.cat-frequency-gradient td, -.cat-frequency-gradient td:hover, -.cat-frequency-gradient td:focus, -tr[data-gradient-color] td, -tr[data-gradient-color] td:hover, -tr[data-gradient-color] td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; + background-color: rgba(51, 51, 51, 0.7) !important; + --bs-table-bg: rgba(51, 51, 51, 0.7) !important; + --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; } /* Only set text color to white for direct text content, not spans with text classes */ diff --git a/assets/css/default_wide/overrides.css b/assets/css/default_wide/overrides.css index 77eb873f6..e84f92533 100644 --- a/assets/css/default_wide/overrides.css +++ b/assets/css/default_wide/overrides.css @@ -137,21 +137,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; -} - -/* Force override any inline styles from JavaScript */ -.cat-frequency-gradient td, -.cat-frequency-gradient td:hover, -.cat-frequency-gradient td:focus, -tr[data-gradient-color] td, -tr[data-gradient-color] td:hover, -tr[data-gradient-color] td:focus { - background-color: rgba(196, 156, 233, 0.7) !important; - --bs-table-bg: rgba(196, 156, 233, 0.7) !important; - --bs-table-accent-bg: rgba(196, 156, 233, 0.7) !important; + background-color: rgba(51, 51, 51, 0.7) !important; + --bs-table-bg: rgba(51, 51, 51, 0.7) !important; + --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; } /* Only set text color to white for direct text content, not spans with text classes */ From 73da617c5a169cf1aaca396f352f1198578f44ab Mon Sep 17 00:00:00 2001 From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com> Date: Wed, 21 Jan 2026 13:13:30 +0100 Subject: [PATCH 3/3] Adjusted link color too --- assets/css/color_impaired/overrides.css | 22 +++++++++++++++++++--- assets/css/cosmo/overrides.css | 22 +++++++++++++++++++--- assets/css/cosmo_wide/overrides.css | 22 +++++++++++++++++++--- assets/css/default/overrides.css | 22 +++++++++++++++++++--- assets/css/default_wide/overrides.css | 22 +++++++++++++++++++--- 5 files changed, 95 insertions(+), 15 deletions(-) diff --git a/assets/css/color_impaired/overrides.css b/assets/css/color_impaired/overrides.css index 7633b3746..04636762f 100644 --- a/assets/css/color_impaired/overrides.css +++ b/assets/css/color_impaired/overrides.css @@ -120,9 +120,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(51, 51, 51, 0.7) !important; - --bs-table-bg: rgba(51, 51, 51, 0.7) !important; - --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; + 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 */ @@ -131,4 +131,20 @@ span.grid-text-worked > font { 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 b2f0364e7..c378f01db 100644 --- a/assets/css/cosmo/overrides.css +++ b/assets/css/cosmo/overrides.css @@ -120,9 +120,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(51, 51, 51, 0.7) !important; - --bs-table-bg: rgba(51, 51, 51, 0.7) !important; - --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; + 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 */ @@ -131,4 +131,20 @@ span.grid-text-worked > font { 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 880c1366e..6262eba73 100644 --- a/assets/css/cosmo_wide/overrides.css +++ b/assets/css/cosmo_wide/overrides.css @@ -159,9 +159,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(51, 51, 51, 0.7) !important; - --bs-table-bg: rgba(51, 51, 51, 0.7) !important; - --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; + 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 */ @@ -170,4 +170,20 @@ span.grid-text-worked > font { 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 eae6d1a61..2e74d8295 100644 --- a/assets/css/default/overrides.css +++ b/assets/css/default/overrides.css @@ -102,9 +102,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(51, 51, 51, 0.7) !important; - --bs-table-bg: rgba(51, 51, 51, 0.7) !important; - --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; + 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 */ @@ -113,4 +113,20 @@ span.grid-text-worked > font { 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 e84f92533..69240cd55 100644 --- a/assets/css/default_wide/overrides.css +++ b/assets/css/default_wide/overrides.css @@ -137,9 +137,9 @@ span.grid-text-worked > font { .cat-frequency-gradient td, .cat-frequency-gradient td:hover, .cat-frequency-gradient td:focus { - background-color: rgba(51, 51, 51, 0.7) !important; - --bs-table-bg: rgba(51, 51, 51, 0.7) !important; - --bs-table-accent-bg: rgba(51, 51, 51, 0.7) !important; + 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 */ @@ -148,4 +148,20 @@ span.grid-text-worked > font { 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