dark mode supoport

This commit is contained in:
Mark Gregory
2026-08-26 17:02:07 +01:00
parent 87edfc1826
commit fd06211c72
9 changed files with 428 additions and 6 deletions
@@ -1392,3 +1392,50 @@ span.flatpickr-weekday {
flex: 1 1 8rem;
}
}
/* Complete light-mode counterpart to the module's dark control rules. */
html:not(.dark) .hd-helpdesk-surface .hd-select,
html:not(.dark) .hd-select,
html:not(.dark) .helpdesk-ticket-form input,
html:not(.dark) .helpdesk-ticket-form textarea,
html:not(.dark) .helpdesk-ticket-form select,
html:not(.dark) .helpdesk-ticket-form .select2-container--default .select2-selection--single,
html:not(.dark) .helpdesk-ticket-form .select2-container--default .select2-selection--multiple,
html:not(.dark) .helpdesk-ticket-form .select2-container--default .select2-selection__rendered,
html:not(.dark) .helpdesk-ticket-form .select2-container--default .select2-selection__choice {
background: #ffffff !important;
background-color: #ffffff !important;
color: #1f2937 !important;
border-color: #c9d1dc !important;
caret-color: #1f2937 !important;
}
html:not(.dark) .helpdesk-ticket-form input:disabled,
html:not(.dark) .helpdesk-ticket-form textarea:disabled,
html:not(.dark) .helpdesk-ticket-form select:disabled,
html:not(.dark) .helpdesk-ticket-form .select2-container--disabled .select2-selection--single,
html:not(.dark) .helpdesk-ticket-form .select2-container--disabled .select2-selection--multiple,
html:not(.dark) .helpdesk-ticket-form [disabled],
html:not(.dark) .helpdesk-ticket-form [aria-disabled="true"] {
background: #eef2f7 !important;
background-color: #eef2f7 !important;
color: #667085 !important;
}
html:not(.dark) .helpdesk-ticket-form input:-webkit-autofill,
html:not(.dark) .helpdesk-ticket-form input:-webkit-autofill:hover,
html:not(.dark) .helpdesk-ticket-form input:-webkit-autofill:focus,
html:not(.dark) .helpdesk-ticket-form textarea:-webkit-autofill,
html:not(.dark) .helpdesk-ticket-form textarea:-webkit-autofill:hover,
html:not(.dark) .helpdesk-ticket-form textarea:-webkit-autofill:focus,
html:not(.dark) .helpdesk-ticket-form select:-webkit-autofill,
html:not(.dark) .helpdesk-ticket-form select:-webkit-autofill:hover,
html:not(.dark) .helpdesk-ticket-form select:-webkit-autofill:focus {
-webkit-text-fill-color: #1f2937 !important;
box-shadow: 0 0 0 1000px #ffffff inset !important;
}
html:not(.dark) .hd-helpdesk-surface {
color: #1f2937;
}