Freshdesk 2024 Dark Mode BC by DaveHotDog

/* ==UserStyle==
@name         Freshdesk dark mode - TE
@namespace    USO Archive
@author       Dave HotDog
@description  Freshdesk dark mode - TE
@version      20240815.00.06
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain('freshdesk.com') {

 /*    body,
    h2,
    span,
    div,
    section,
    a,
    table,
    td,
    th,
    thead,
    tr,
    li,
    ul,
    textarea,
    label,
   input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    input.text,
    .uneditable-input,
    ::placeholder,
    
    #ember-body-content .ember-table-wrap .ember-table table thead tr th{
        color: white !important;
        background-color: #a8a8a8 !important;
    }
    
*/
    
/****** BGCOLOR - Dark L3 LIGHTEST DARK******/
    .header-primary,
    .tickets__list,
    .__module-tickets__ticket-details__properties,
    .sticky-text,
    div.ember-power-select-placeholder.label-field,
    div.ticket-details__item,
    #requester-info_content,
    #contactwidget_content,
    .compose-email-form__form-for,
    .__module-tickets__compose-email .responsive,
    .__module-tickets__compose-email .create-ticket-footer,
    #ember-basic-dropdown-wormhole div
     {
        color: #d2d1ff !important;
    background: #3b3b3b !important;
    }
    
/****** BGCOLOR - Dark L2 MID DARK ******/
    #mainactionbar,
    .sidebar,
    div.property-submit.panes-shadow,
    div.ticket-details-wrapper,
    div.ticket-details-header.pt-12.sticky-subject,
    .sidebar__title.widget-true.cursor-pointer
    {
        color: #e0e0ff !important;
    background: #2a2a2a !important;
    }
    
    .page-sidebar .sidebar__title,
    .app-form .filter-field-title
    
     {
        color: #babeff !important;
    background: #2a2a2a !important;
    }
    
/***** TEXT Mid Highlight ******/    
    .dropdown-recent-ticket__item, .text__content,
    a#ember26140,
    .text--dark,
    .compose-email-form__info-text
    {
        color: #babeff !important;
    }
    
/***** TEXT Brightest Highlight ******/    
    .list-content-wrap .user-link a,
    .breadcrumb>.active,
    .ticket-details__item .user,
    .created-time,
    a,
    label.label-field
    {
        color: #d9dbff !important;
    }
    
    body
     {
        color: white !important;
    background: #171717 !important;
    }

    .nav-icon-wrapper
     {
        color: white !important;
        background: #7a77ff !important;
    }
    
    .tickets-conversation-pane, .status-tag-wrap
     {
        color: white !important;
        background: #2a2a2a !important;
    }
    
    #nucleus-navbar, #navbar-body, #ember25, #ember25 li, #ember26,
    .widget-apps-actions {
    background: #00004e !important;
    }

    button,
    .btn,
    .slim-button {
        color: white !important;
        background: #00a1ff !important;
    }

    svg,
    path {
        fill: white !important;
        stroke: white !important;
    }

    
    .subject-text {
        color: white !important;
    }

    .redactor_editor,
    .redactor_editor:focus {
        background: black !important;
    }

    .available {
        background: #00A886 !important;
    }

    button.menu-trigger {
        background: #282828 !important;
    }
}