From 01f5fa8e756c0a995a69556322275ee3b8f6283b Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@abbeysoftware.com>
Date: Mon, 28 Sep 2026 15:31:09 +0100
Subject: [PATCH] added support for legacy tickets, fixed switching of modes
 and also style updates

---
 .../themes/backend/assets/css/helpdesk.css    | 116 ++++++++++++++++++
 1 file changed, 116 insertions(+)

diff --git a/resources/themes/backend/assets/css/helpdesk.css b/resources/themes/backend/assets/css/helpdesk.css
index 0c651c0..bc8f7c8 100755
--- a/resources/themes/backend/assets/css/helpdesk.css
+++ b/resources/themes/backend/assets/css/helpdesk.css
@@ -2496,3 +2496,119 @@ html:not(.dark) .hd-appearance-choice.is-active { background: #fff; color: #1118
 .legacy-tickets-table tbody tr:hover a {
     color: #3b82f6 !important;
 }
+
+/* ========================================================================
+   Appearance switch: final application-wide neutral surface normalisation
+   Keep semantic/action colours, but every neutral view follows html.dark.
+   ======================================================================== */
+html:not(.dark) .hd-dashboard-heading h1,
+html:not(.dark) .hd-metric-card strong,
+html:not(.dark) .hd-dashboard-card > header h2,
+html:not(.dark) .hd-donut span,
+html:not(.dark) .hd-priority-legend strong,
+html:not(.dark) .hd-page-hero h1,
+html:not(.dark) .hd-role-card h2,
+html:not(.dark) .hd-role-card strong {
+    color: #111827 !important;
+}
+
+html:not(.dark) .hd-dashboard-heading p,
+html:not(.dark) .hd-metric-card small,
+html:not(.dark) .hd-metric-card em,
+html:not(.dark) .hd-chart-legend,
+html:not(.dark) .hd-chart-labels,
+html:not(.dark) .hd-priority-legend > div,
+html:not(.dark) .hd-latest-list small,
+html:not(.dark) .hd-latest-list time,
+html:not(.dark) .hd-requester-list em,
+html:not(.dark) .hd-empty,
+html:not(.dark) .hd-page-hero p,
+html:not(.dark) .hd-role-card p,
+html:not(.dark) .hd-field span,
+html:not(.dark) .hd-role-options small {
+    color: #667085 !important;
+}
+
+html:not(.dark) .hd-range-select,
+html:not(.dark) .hd-metric-card,
+html:not(.dark) .hd-dashboard-card,
+html:not(.dark) .hd-panel,
+html:not(.dark) .hd-role-card,
+html:not(.dark) .hd-role-options label {
+    background: #ffffff !important;
+    border-color: #d8dee7 !important;
+    color: #1f2937 !important;
+    box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
+}
+
+html:not(.dark) .hd-range-select select,
+html:not(.dark) .hd-search-field input,
+html:not(.dark) .hd-field input {
+    color: #1f2937 !important;
+}
+
+html:not(.dark) .hd-dashboard-card > header,
+html:not(.dark) .hd-latest-list > a,
+html:not(.dark) .hd-requester-list > div,
+html:not(.dark) .hd-toolbar,
+html:not(.dark) .hd-table th,
+html:not(.dark) .hd-table td {
+    border-color: #e2e8f0 !important;
+}
+
+html:not(.dark) .hd-dashboard-card > header a,
+html:not(.dark) .hd-action,
+html:not(.dark) .hd-search-field,
+html:not(.dark) .hd-field input {
+    background: #f8fafc !important;
+    border-color: #d8dee7 !important;
+    color: #374151 !important;
+}
+
+html:not(.dark) .hd-dashboard-card > header a:hover,
+html:not(.dark) .hd-latest-list > a:hover,
+html:not(.dark) .hd-action:hover {
+    background: #eef2f7 !important;
+    color: #111827 !important;
+}
+
+html:not(.dark) .hd-latest-list > a,
+html:not(.dark) .hd-table td,
+html:not(.dark) .hd-priority-legend strong {
+    color: #374151 !important;
+}
+
+html:not(.dark) .hd-table th {
+    background: #f8fafc !important;
+    color: #667085 !important;
+}
+
+/* The page hero is a neutral container. Accent buttons/badges keep their colour. */
+html:not(.dark) .hd-page-hero {
+    background: linear-gradient(115deg, #ffffff, #f1f5f9) !important;
+    border-color: #d8dee7 !important;
+    box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
+}
+html:not(.dark) .hd-eyebrow { color: #2563eb !important; }
+
+/* Neutral Tailwind surfaces used by module views. */
+html.dark .bg-white { background-color: #18181b !important; }
+html.dark .bg-zinc-50,
+html.dark .bg-zinc-100 { background-color: #27272a !important; }
+html.dark .text-zinc-900,
+html.dark .text-zinc-800,
+html.dark .text-zinc-700 { color: #f4f4f5 !important; }
+html.dark .border-zinc-200,
+html.dark .border-zinc-300 { border-color: #3f3f46 !important; }
+
+/* Native controls must follow the selected colour scheme in every module. */
+html:not(.dark) .hd-shell-main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
+html:not(.dark) .hd-shell-main textarea,
+html:not(.dark) .hd-shell-main select {
+    color-scheme: light;
+}
+html.dark .hd-shell-main input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
+html.dark .hd-shell-main textarea,
+html.dark .hd-shell-main select {
+    color-scheme: dark;
+}