/* * Golden Hosts WHMCS Pro v5 * Final client-area dark-mode hardening layer. * Loaded after all WHMCS, module and order-form styles. * Built by Online Audience. */ @media screen { body.gh-body.gh-logged-in { --gh5-bg: #070708; --gh5-panel: #101012; --gh5-panel-2: #151517; --gh5-panel-3: #1b1b1f; --gh5-field: #0b0b0d; --gh5-text: #eeeeF2; --gh5-muted: #aeb0b9; --gh5-border: rgba(255,255,255,.14); --gh5-gold: #f5cb4b; --gh5-gold-2: #b88a1e; color: var(--gh5-text) !important; background: var(--gh5-bg) !important; } body.gh-body.gh-logged-in #main-body, body.gh-body.gh-logged-in .gh-main-body, body.gh-body.gh-logged-in #main-body > .container, body.gh-body.gh-logged-in #main-body .row, body.gh-body.gh-logged-in #main-body .primary-content { color: var(--gh5-text) !important; background-color: transparent !important; } /* General surface safety net */ body.gh-body.gh-logged-in #main-body .primary-content .card, body.gh-body.gh-logged-in #main-body .primary-content .card-body, body.gh-body.gh-logged-in #main-body .primary-content .card-header, body.gh-body.gh-logged-in #main-body .primary-content .card-footer, body.gh-body.gh-logged-in #main-body .primary-content .panel, body.gh-body.gh-logged-in #main-body .primary-content .panel-body, body.gh-body.gh-logged-in #main-body .primary-content .panel-heading, body.gh-body.gh-logged-in #main-body .primary-content .panel-footer, body.gh-body.gh-logged-in #main-body .primary-content .well, body.gh-body.gh-logged-in #main-body .primary-content .jumbotron, body.gh-body.gh-logged-in #main-body .primary-content .list-group, body.gh-body.gh-logged-in #main-body .primary-content .list-group-item, body.gh-body.gh-logged-in #main-body .primary-content .tab-content, body.gh-body.gh-logged-in #main-body .primary-content .tab-pane, body.gh-body.gh-logged-in #main-body .primary-content .table-responsive, body.gh-body.gh-logged-in #main-body .primary-content .table-container, body.gh-body.gh-logged-in #main-body .primary-content .dataTables_wrapper, body.gh-body.gh-logged-in #main-body .primary-content .invoice-container, body.gh-body.gh-logged-in #main-body .primary-content .product-details, body.gh-body.gh-logged-in #main-body .primary-content .service-details, body.gh-body.gh-logged-in #main-body .primary-content .domain-details, body.gh-body.gh-logged-in #main-body .primary-content .product-details-tab-container, body.gh-body.gh-logged-in #main-body .primary-content .service-details-tab-container, body.gh-body.gh-logged-in #main-body .primary-content .domain-details-tab-container, body.gh-body.gh-logged-in #main-body .primary-content .client-home-panels .panel, body.gh-body.gh-logged-in #main-body .primary-content .tile, body.gh-body.gh-logged-in #main-body .primary-content .widget, body.gh-body.gh-logged-in #main-body .primary-content .box, body.gh-body.gh-logged-in #main-body .primary-content .content-box, body.gh-body.gh-logged-in #main-body .primary-content .module-output, body.gh-body.gh-logged-in #main-body .primary-content .module-container { color: var(--gh5-text) !important; background: linear-gradient(145deg, var(--gh5-panel-2), var(--gh5-panel)) !important; border-color: var(--gh5-border) !important; box-shadow: none; } body.gh-body.gh-logged-in #main-body .primary-content .card-header, body.gh-body.gh-logged-in #main-body .primary-content .card-footer, body.gh-body.gh-logged-in #main-body .primary-content .panel-heading, body.gh-body.gh-logged-in #main-body .primary-content .panel-footer { background: var(--gh5-panel-3) !important; } /* Catch common inline white backgrounds from WHMCS modules */ body.gh-body.gh-logged-in #main-body .primary-content [style*="background: white"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background:white"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background: #fff"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background:#fff"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background-color: white"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background-color:white"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background-color: #fff"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background-color:#fff"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background-color: rgb(255"], body.gh-body.gh-logged-in #main-body .primary-content [style*="background: rgb(255"] { color: var(--gh5-text) !important; background: var(--gh5-panel) !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .bg-white, body.gh-body.gh-logged-in #main-body .primary-content .bg-light, body.gh-body.gh-logged-in #main-body .primary-content .bg-gray, body.gh-body.gh-logged-in #main-body .primary-content .bg-grey, body.gh-body.gh-logged-in #main-body .primary-content .background-light, body.gh-body.gh-logged-in #main-body .primary-content .light-bg, body.gh-body.gh-logged-in #main-body .primary-content .white-bg { color: var(--gh5-text) !important; background: var(--gh5-panel) !important; } /* Typography and low-contrast utility classes */ body.gh-body.gh-logged-in #main-body .primary-content h1, body.gh-body.gh-logged-in #main-body .primary-content h2, body.gh-body.gh-logged-in #main-body .primary-content h3, body.gh-body.gh-logged-in #main-body .primary-content h4, body.gh-body.gh-logged-in #main-body .primary-content h5, body.gh-body.gh-logged-in #main-body .primary-content h6, body.gh-body.gh-logged-in #main-body .primary-content legend, body.gh-body.gh-logged-in #main-body .primary-content label, body.gh-body.gh-logged-in #main-body .primary-content dt, body.gh-body.gh-logged-in #main-body .primary-content strong { color: #fff !important; -webkit-text-fill-color: #fff !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content p, body.gh-body.gh-logged-in #main-body .primary-content li, body.gh-body.gh-logged-in #main-body .primary-content dd, body.gh-body.gh-logged-in #main-body .primary-content small, body.gh-body.gh-logged-in #main-body .primary-content .text-muted, body.gh-body.gh-logged-in #main-body .primary-content .help-block, body.gh-body.gh-logged-in #main-body .primary-content .form-text, body.gh-body.gh-logged-in #main-body .primary-content .description { color: var(--gh5-muted) !important; -webkit-text-fill-color: var(--gh5-muted) !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content a:not(.btn):not(.badge):not(.label):not(.status) { color: var(--gh5-gold) !important; -webkit-text-fill-color: var(--gh5-gold) !important; } body.gh-body.gh-logged-in #main-body .primary-content a:not(.btn):hover { color: #fff !important; -webkit-text-fill-color: #fff !important; } /* Every logged-in table, including DataTables child rows */ body.gh-body.gh-logged-in #main-body .primary-content table, body.gh-body.gh-logged-in #main-body .primary-content table.table, body.gh-body.gh-logged-in #main-body .primary-content table.table-list, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable { color: var(--gh5-text) !important; background: var(--gh5-panel) !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content table thead, body.gh-body.gh-logged-in #main-body .primary-content table thead tr, body.gh-body.gh-logged-in #main-body .primary-content table thead th, body.gh-body.gh-logged-in #main-body .primary-content table thead td { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #1a1a1e !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content table tbody, body.gh-body.gh-logged-in #main-body .primary-content table tbody tr, body.gh-body.gh-logged-in #main-body .primary-content table tbody td, body.gh-body.gh-logged-in #main-body .primary-content table tbody th, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tbody td.sorting_1, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tbody td.sorting_2, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tbody td.sorting_3, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tr.odd > *, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tr.even > * { color: #e4e4e9 !important; -webkit-text-fill-color: #e4e4e9 !important; background: var(--gh5-panel) !important; border-color: rgba(255,255,255,.09) !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content table tbody tr:nth-child(even) > *, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tr.even > * { background: #141416 !important; } body.gh-body.gh-logged-in #main-body .primary-content table tbody tr:hover > *, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable tbody tr:hover > * { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #1d1a12 !important; } body.gh-body.gh-logged-in #main-body .primary-content table.dataTable > tbody > tr.child, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable > tbody > tr.child td, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable > tbody > tr.child ul.dtr-details, body.gh-body.gh-logged-in #main-body .primary-content table.dataTable > tbody > tr.child ul.dtr-details li { color: var(--gh5-text) !important; background: #0e0e10 !important; border-color: var(--gh5-border) !important; } /* Search, filters, selects and all form fields */ body.gh-body.gh-logged-in #main-body .primary-content input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), body.gh-body.gh-logged-in #main-body .primary-content textarea, body.gh-body.gh-logged-in #main-body .primary-content select, body.gh-body.gh-logged-in #main-body .primary-content .form-control, body.gh-body.gh-logged-in #main-body .primary-content .custom-select, body.gh-body.gh-logged-in #main-body .primary-content .select2-selection, body.gh-body.gh-logged-in #main-body .primary-content .input-group-text, body.gh-body.gh-logged-in #main-body .primary-content .input-group-addon, body.gh-body.gh-logged-in #main-body .primary-content .custom-file-label { color: #fff !important; -webkit-text-fill-color: #fff !important; background: var(--gh5-field) !important; border-color: var(--gh5-border) !important; box-shadow: none !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content input::placeholder, body.gh-body.gh-logged-in #main-body .primary-content textarea::placeholder { color: #7f818b !important; -webkit-text-fill-color: #7f818b !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content input:disabled, body.gh-body.gh-logged-in #main-body .primary-content input[readonly], body.gh-body.gh-logged-in #main-body .primary-content textarea:disabled, body.gh-body.gh-logged-in #main-body .primary-content select:disabled, body.gh-body.gh-logged-in #main-body .primary-content .form-control:disabled, body.gh-body.gh-logged-in #main-body .primary-content .form-control[readonly] { color: #c1c2c9 !important; -webkit-text-fill-color: #c1c2c9 !important; background: #171719 !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content select option { color: #fff !important; background: #111113 !important; } /* Bootstrap Markdown, EasyMDE, CodeMirror, CKEditor and TinyMCE */ body.gh-body.gh-logged-in #main-body .primary-content .md-editor, body.gh-body.gh-logged-in #main-body .primary-content .md-editor.active, body.gh-body.gh-logged-in #main-body .primary-content .md-editor .md-header, body.gh-body.gh-logged-in #main-body .primary-content .md-editor .md-footer, body.gh-body.gh-logged-in #main-body .primary-content .md-editor .md-preview, body.gh-body.gh-logged-in #main-body .primary-content .md-editor textarea, body.gh-body.gh-logged-in #main-body .primary-content textarea.markdown-editor, body.gh-body.gh-logged-in #main-body .primary-content .EasyMDEContainer, body.gh-body.gh-logged-in #main-body .primary-content .EasyMDEContainer .CodeMirror, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror-scroll, body.gh-body.gh-logged-in #main-body .primary-content .editor-toolbar, body.gh-body.gh-logged-in #main-body .primary-content .editor-preview, body.gh-body.gh-logged-in #main-body .primary-content .editor-preview-side, body.gh-body.gh-logged-in #main-body .primary-content .ck-editor__main, body.gh-body.gh-logged-in #main-body .primary-content .ck-editor__editable, body.gh-body.gh-logged-in #main-body .primary-content .tox, body.gh-body.gh-logged-in #main-body .primary-content .tox .tox-edit-area__iframe, body.gh-body.gh-logged-in #main-body .primary-content .note-editor, body.gh-body.gh-logged-in #main-body .primary-content .note-editable { color: #f2f2f5 !important; -webkit-text-fill-color: #f2f2f5 !important; background: #09090b !important; border-color: var(--gh5-border) !important; opacity: 1 !important; } body.gh-body.gh-logged-in #main-body .primary-content .md-editor .md-header, body.gh-body.gh-logged-in #main-body .primary-content .editor-toolbar, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror-gutters, body.gh-body.gh-logged-in #main-body .primary-content .ck-toolbar, body.gh-body.gh-logged-in #main-body .primary-content .tox .tox-toolbar, body.gh-body.gh-logged-in #main-body .primary-content .tox .tox-toolbar__primary, body.gh-body.gh-logged-in #main-body .primary-content .note-toolbar { color: #fff !important; background: #171719 !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror pre, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror-code, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror-line, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror-line-like { color: #f2f2f5 !important; -webkit-text-fill-color: #f2f2f5 !important; } /* Tabs, dropdowns, modals and popovers */ body.gh-body.gh-logged-in .modal-content, body.gh-body.gh-logged-in .modal-header, body.gh-body.gh-logged-in .modal-body, body.gh-body.gh-logged-in .modal-footer, body.gh-body.gh-logged-in .dropdown-menu, body.gh-body.gh-logged-in .popover, body.gh-body.gh-logged-in .popover-header, body.gh-body.gh-logged-in .popover-body, body.gh-body.gh-logged-in .select2-dropdown, body.gh-body.gh-logged-in .select2-results, body.gh-body.gh-logged-in .ui-autocomplete, body.gh-body.gh-logged-in .tt-menu { color: var(--gh5-text) !important; background: var(--gh5-panel-2) !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .nav-tabs, body.gh-body.gh-logged-in #main-body .primary-content .nav-pills, body.gh-body.gh-logged-in #main-body .primary-content .responsive-tabs-sm { border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .nav-tabs .nav-link, body.gh-body.gh-logged-in #main-body .primary-content .nav-pills .nav-link, body.gh-body.gh-logged-in #main-body .primary-content .responsive-tabs-sm .nav-link, body.gh-body.gh-logged-in #main-body .primary-content .btn-group .btn { color: #e5e5ea !important; -webkit-text-fill-color: #e5e5ea !important; background: #151517 !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .nav-tabs .nav-link.active, body.gh-body.gh-logged-in #main-body .primary-content .nav-pills .nav-link.active, body.gh-body.gh-logged-in #main-body .primary-content .responsive-tabs-sm .nav-link.active, body.gh-body.gh-logged-in #main-body .primary-content .btn-group .btn.active { color: #070707 !important; -webkit-text-fill-color: #070707 !important; background: linear-gradient(135deg, var(--gh5-gold), var(--gh5-gold-2)) !important; border-color: var(--gh5-gold) !important; } /* Alerts remain dark but retain semantic colour */ body.gh-body.gh-logged-in #main-body .primary-content .alert { color: #eeeef2 !important; background: #141416 !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .alert-success { border-left: 4px solid #68d891 !important; } body.gh-body.gh-logged-in #main-body .primary-content .alert-warning { border-left: 4px solid #e7b64a !important; } body.gh-body.gh-logged-in #main-body .primary-content .alert-danger { border-left: 4px solid #d75864 !important; } body.gh-body.gh-logged-in #main-body .primary-content .alert-info { border-left: 4px solid #59a8ff !important; } /* Button contrast */ body.gh-body.gh-logged-in #main-body .primary-content .btn-primary, body.gh-body.gh-logged-in #main-body .primary-content .btn-success, body.gh-body.gh-logged-in #main-body .primary-content .btn-info, body.gh-body.gh-logged-in #main-body .primary-content .btn-warning { color: #070707 !important; -webkit-text-fill-color: #070707 !important; background: linear-gradient(135deg, var(--gh5-gold), var(--gh5-gold-2)) !important; border-color: var(--gh5-gold) !important; } body.gh-body.gh-logged-in #main-body .primary-content .btn-default, body.gh-body.gh-logged-in #main-body .primary-content .btn-secondary, body.gh-body.gh-logged-in #main-body .primary-content .btn-light, body.gh-body.gh-logged-in #main-body .primary-content .btn-outline-secondary { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #171719 !important; border-color: var(--gh5-border) !important; } /* Runtime class used by the v5 safety script for third-party module output */ body.gh-body.gh-logged-in #main-body .primary-content .gh-auto-dark { color: var(--gh5-text) !important; background: var(--gh5-panel) !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .gh-auto-dark > *:not(.btn):not(.badge):not(.label):not(.status):not(svg):not(path) { color: inherit !important; border-color: var(--gh5-border) !important; } body.gh-body.gh-logged-in #main-body .primary-content .gh-auto-dark a:not(.btn) { color: var(--gh5-gold) !important; -webkit-text-fill-color: var(--gh5-gold) !important; } /* Prevent text disappearing because of inherited opacity */ body.gh-body.gh-logged-in #main-body .primary-content table, body.gh-body.gh-logged-in #main-body .primary-content .card, body.gh-body.gh-logged-in #main-body .primary-content .panel, body.gh-body.gh-logged-in #main-body .primary-content .tab-pane, body.gh-body.gh-logged-in #main-body .primary-content .md-editor, body.gh-body.gh-logged-in #main-body .primary-content .list-group-item { opacity: 1 !important; } @media (max-width: 767.98px) { body.gh-body.gh-logged-in #main-body .primary-content .table-responsive, body.gh-body.gh-logged-in #main-body .primary-content .table-container, body.gh-body.gh-logged-in #main-body .primary-content .dataTables_wrapper { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } body.gh-body.gh-logged-in #main-body .primary-content .md-editor textarea, body.gh-body.gh-logged-in #main-body .primary-content textarea.markdown-editor, body.gh-body.gh-logged-in #main-body .primary-content .CodeMirror { min-height: 230px !important; } } }