mag/Helpddesk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added support for legacy tickets, fixed switching of modes and also style updates

Browse Source
This commit is contained in:
Mark Gregory
2026-09-28 15:31:09 +01:00
parent 0fb4223bfc
commit 01f5fa8e75
1 changed files with 116 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/themes/backend/assets/css/helpdesk.css
+116
View File
@@ -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;
}