/** * Dark theme — night mode for the CRM * Activate with: */ [data-ka-theme="dark"] { --ka-ink: #f3f4f6; --ka-ink-soft: #e5e7eb; --ka-muted: #9ca3af; --ka-soft: #6b7280; --ka-line: #2a2f3a; --ka-line-strong: #3b4252; --ka-bg: #0f1115; --ka-bg-soft: #151821; --ka-card: #181b22; --ka-sidebar: #12141a; --ka-sidebar-hover: rgba(255, 255, 255, 0.05); --ka-sidebar-active: #1c2029; --ka-sidebar-ink: #f3f4f6; --ka-sidebar-muted: #9ca3af; --ka-sidebar-soft: #6b7280; --ka-sidebar-border: #232833; --ka-sidebar-indicator: #f3f4f6; --ka-sidebar-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.28); --ka-accent: #e5e7eb; --ka-accent-strong: #f9fafb; --ka-accent-soft: rgba(255, 255, 255, 0.08); --ka-accent-ink: #f3f4f6; --ka-warn: #f59e0b; --ka-danger: #f87171; --ka-success: #34d399; --ka-info: #94a3b8; --ka-radius: 14px; --ka-radius-sm: 10px; --ka-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px rgba(0, 0, 0, 0.22); --ka-shadow-lg: 0 4px 10px rgba(0, 0, 0, 0.35), 0 18px 40px rgba(0, 0, 0, 0.3); --ka-font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --blue: #e5e7eb; --primary: #f9fafb; --indigo: #9ca3af; --info: #94a3b8; } [data-ka-theme="dark"] body#page-top, [data-ka-theme="dark"] body { background: var(--ka-bg); color: var(--ka-ink); } [data-ka-theme="dark"] a { color: #d1d5db; } [data-ka-theme="dark"] a:hover { color: #fff; } [data-ka-theme="dark"] #content-wrapper, [data-ka-theme="dark"] #content { background: radial-gradient(1100px 420px at 8% -8%, rgba(255, 255, 255, 0.04), transparent 55%), radial-gradient(900px 340px at 92% 0%, rgba(255, 255, 255, 0.025), transparent 50%), var(--ka-bg) !important; } /* Sidebar */ [data-ka-theme="dark"] .sidebar.bg-gradient-primary, [data-ka-theme="dark"] .sidebar { background: var(--ka-sidebar) !important; border-right: 1px solid var(--ka-sidebar-border) !important; } [data-ka-theme="dark"] .sidebar .sidebar-brand-icon { background: rgba(255, 255, 255, 0.1); color: #fff; } [data-ka-theme="dark"] .sidebar .sidebar-brand-icon i { color: #fff !important; } [data-ka-theme="dark"] .sidebar .nav-item.active .nav-link { background: var(--ka-sidebar-active) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06); } [data-ka-theme="dark"] .sidebar .nav-item.active .nav-link i { color: #fff; } [data-ka-theme="dark"] .sidebar .collapse-inner { background: #1c2029 !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .sidebar .collapse-item { color: var(--ka-muted) !important; } [data-ka-theme="dark"] .sidebar .collapse-item:hover, [data-ka-theme="dark"] .sidebar .collapse-item.active { background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; } [data-ka-theme="dark"] .sidebar #sidebarToggle, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle { background: #1c2029 !important; border-color: var(--ka-line-strong) !important; box-shadow: none; } [data-ka-theme="dark"] .sidebar #sidebarToggle::after, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle::after, [data-ka-theme="dark"] .sidebar.toggled #sidebarToggle::after, [data-ka-theme="dark"] .sidebar-dark.toggled #sidebarToggle::after { color: #e5e7eb !important; } [data-ka-theme="dark"] .sidebar #sidebarToggle:hover, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle:hover { background: #252a35 !important; border-color: #4b5563 !important; } /* Topbar */ [data-ka-theme="dark"] .topbar { background: rgba(18, 20, 26, 0.92) !important; border-bottom: 1px solid var(--ka-line) !important; backdrop-filter: blur(10px); } [data-ka-theme="dark"] .topbar .nav-item .nav-link { color: var(--ka-muted) !important; } [data-ka-theme="dark"] .topbar .nav-item .nav-link:hover { color: #fff !important; } [data-ka-theme="dark"] .topbar .navbar-search input.form-control, [data-ka-theme="dark"] .topbar .navbar-search .form-control { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .topbar .navbar-search input.form-control::placeholder { color: var(--ka-soft) !important; } [data-ka-theme="dark"] .ka-search-kbd kbd { background: #1c2029; border-color: var(--ka-line-strong); color: var(--ka-muted); } [data-ka-theme="dark"] .ka-user-avatar { background: #374151; border-color: #4b5563; color: #fff; } [data-ka-theme="dark"] .dropdown-menu { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink); } [data-ka-theme="dark"] .dropdown-item { color: var(--ka-muted) !important; } [data-ka-theme="dark"] .dropdown-item:hover, [data-ka-theme="dark"] .dropdown-item:focus { background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; } [data-ka-theme="dark"] .dropdown-divider { border-top-color: var(--ka-line) !important; } /* Cards / surfaces */ [data-ka-theme="dark"] .card, [data-ka-theme="dark"] .dash-card { background: var(--ka-card) !important; border-color: var(--ka-line) !important; box-shadow: var(--ka-shadow) !important; color: var(--ka-ink); } [data-ka-theme="dark"] .card-header { background: transparent !important; border-bottom-color: var(--ka-line) !important; color: var(--ka-ink); } [data-ka-theme="dark"] .card-footer { background: transparent !important; border-top-color: var(--ka-line) !important; } [data-ka-theme="dark"] .modal-content { background: var(--ka-card) !important; border-color: var(--ka-line) !important; color: var(--ka-ink); } [data-ka-theme="dark"] .modal-header, [data-ka-theme="dark"] .modal-footer { background: var(--ka-card) !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .modal-footer { background: var(--ka-bg-soft) !important; } [data-ka-theme="dark"] .modal-title { color: var(--ka-ink) !important; } [data-ka-theme="dark"] .modal-header.bg-primary, [data-ka-theme="dark"] .modal-header.bg-danger { color: #fff !important; } [data-ka-theme="dark"] .modal-header.bg-primary .modal-title, [data-ka-theme="dark"] .modal-header.bg-danger .modal-title, [data-ka-theme="dark"] .modal-header.text-light .modal-title { color: #fff !important; } [data-ka-theme="dark"] .close { color: var(--ka-ink); text-shadow: none; opacity: 0.7; } [data-ka-theme="dark"] .modal-header.bg-primary .close, [data-ka-theme="dark"] .modal-header.bg-danger .close, [data-ka-theme="dark"] .modal-header.text-light .close { color: #fff; } [data-ka-theme="dark"] .table, [data-ka-theme="dark"] .table td, [data-ka-theme="dark"] .table th { color: var(--ka-ink); border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .table thead th { color: var(--ka-muted); background: transparent; } [data-ka-theme="dark"] .table-hover tbody tr:hover { background: rgba(255, 255, 255, 0.03); color: var(--ka-ink); } [data-ka-theme="dark"] .text-muted, [data-ka-theme="dark"] .text-gray-600, [data-ka-theme="dark"] .text-gray-500, [data-ka-theme="dark"] .text-secondary { color: var(--ka-muted) !important; } [data-ka-theme="dark"] .text-gray-900, [data-ka-theme="dark"] .text-dark { color: var(--ka-ink) !important; } [data-ka-theme="dark"] .text-primary { color: #e5e7eb !important; } [data-ka-theme="dark"] .border, [data-ka-theme="dark"] .border-top, [data-ka-theme="dark"] .border-bottom, [data-ka-theme="dark"] .border-left, [data-ka-theme="dark"] .border-right { border-color: var(--ka-line) !important; } [data-ka-theme="dark"] hr { border-top-color: var(--ka-line) !important; } /* Forms */ [data-ka-theme="dark"] .form-control, [data-ka-theme="dark"] .custom-select, [data-ka-theme="dark"] .select2-container--default .select2-selection--single, [data-ka-theme="dark"] .select2-container--default .select2-selection--multiple { background-color: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .form-control:focus { border-color: #6b7280 !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08) !important; background-color: #1c2029 !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .form-control::placeholder { color: var(--ka-soft) !important; } [data-ka-theme="dark"] .input-group-text { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-muted) !important; } [data-ka-theme="dark"] .custom-control-label { color: var(--ka-muted); } /* Buttons / badges */ [data-ka-theme="dark"] .btn-primary, [data-ka-theme="dark"] .btn-success, [data-ka-theme="dark"] .btn-dark, [data-ka-theme="dark"] .dash-btn-dark, [data-ka-theme="dark"] .ka-back-btn, [data-ka-theme="dark"] .ka-back-btn:hover, [data-ka-theme="dark"] .ka-notice-mark:hover, [data-ka-theme="dark"] .ka-notice-pill.is-active { background: #f3f4f6 !important; border-color: #f3f4f6 !important; color: #111827 !important; } [data-ka-theme="dark"] .btn-primary:hover, [data-ka-theme="dark"] .btn-success:hover, [data-ka-theme="dark"] .btn-dark:hover { background: #fff !important; border-color: #fff !important; color: #111827 !important; } [data-ka-theme="dark"] .btn-outline-secondary { border-color: var(--ka-line-strong) !important; color: var(--ka-muted) !important; background: transparent !important; } [data-ka-theme="dark"] .btn-outline-secondary:hover { background: rgba(255, 255, 255, 0.06) !important; border-color: #6b7280 !important; color: #fff !important; } [data-ka-theme="dark"] .btn-secondary { background: #2a2f3a !important; border-color: #2a2f3a !important; color: #e5e7eb !important; } [data-ka-theme="dark"] .badge-success, [data-ka-theme="dark"] .badge-dark, [data-ka-theme="dark"] .badge-primary, [data-ka-theme="dark"] .badge-info, [data-ka-theme="dark"] .badge-secondary, [data-ka-theme="dark"] .badge-fortnox, [data-ka-theme="dark"] .badge-contracts, [data-ka-theme="dark"] .bg-primary, [data-ka-theme="dark"] .bg-success, [data-ka-theme="dark"] .ka-tag-multi-chip { background-color: #374151 !important; color: #f3f4f6 !important; } /* Dashboard */ [data-ka-theme="dark"] .dash-card { background: var(--ka-card); } [data-ka-theme="dark"] .dash-icon-box { background: rgba(255, 255, 255, 0.08) !important; color: #e5e7eb !important; } [data-ka-theme="dark"] .dash-kpi { border-top: 3px solid #6b7280; } [data-ka-theme="dark"] .dash-btn-ghost { background: #1c2029 !important; border-color: var(--ka-line-strong) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .dash-btn-ghost:hover { border-color: #9ca3af !important; color: #fff !important; } [data-ka-theme="dark"] .dash-year-pill { color: var(--ka-muted) !important; } [data-ka-theme="dark"] .dash-year-pill:hover { background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; } [data-ka-theme="dark"] .dash-year-pill.is-active { background: #f3f4f6 !important; color: #111827 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); } [data-ka-theme="dark"] .dash-progress-bar, [data-ka-theme="dark"] .dash-progress-bar--accent { background: linear-gradient(90deg, #9ca3af, #e5e7eb) !important; } [data-ka-theme="dark"] .dash-gauge-track { stroke: #2a2f3a; } [data-ka-theme="dark"] .dash-gauge-arc { stroke: #e5e7eb; } [data-ka-theme="dark"] .dash-dot--dark { background: #e5e7eb; } [data-ka-theme="dark"] .dash-dot--muted { background: #4b5563; } [data-ka-theme="dark"] .dash-delta.is-up { background: rgba(52, 211, 153, 0.15) !important; color: var(--ka-success) !important; } [data-ka-theme="dark"] .dash-delta.is-down { background: rgba(248, 113, 113, 0.15) !important; color: var(--ka-danger) !important; } /* Notices / customers */ [data-ka-theme="dark"] .ka-notice-shell, [data-ka-theme="dark"] .ka-customer-list-row:hover { border-color: var(--ka-line); } [data-ka-theme="dark"] .ka-notice-row:hover .ka-notice-shell, [data-ka-theme="dark"] a.ka-notice-hit:hover { background: #1c2029; border-color: #3b4252; } [data-ka-theme="dark"] .ka-customer-list-avatar, [data-ka-theme="dark"] .ka-notice-row.is-open .ka-notice-icon, [data-ka-theme="dark"] .ka-customer-avatar, [data-ka-theme="dark"] .ka-contact-avatar { background: #374151 !important; color: #fff !important; } [data-ka-theme="dark"] .ka-notice-badge.is-done, [data-ka-theme="dark"] .ka-customer-list-badge.is-contract { background: rgba(52, 211, 153, 0.15); border-color: rgba(52, 211, 153, 0.35); color: var(--ka-success); } [data-ka-theme="dark"] .ka-page-nav { background: var(--ka-card); border-color: var(--ka-line); } [data-ka-theme="dark"] .ka-sales-stat, [data-ka-theme="dark"] .ka-meta-item { background: #1c2029; border-color: var(--ka-line); } [data-ka-theme="dark"] .ka-sales-stat--year { background: linear-gradient(145deg, #2a2f3a 0%, #111827 100%); border-color: transparent; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35); } [data-ka-theme="dark"] .ka-sales-badge { background: rgba(255, 255, 255, 0.14); color: #fff; } [data-ka-theme="dark"] .ka-contact-row:hover { background: #1c2029; } [data-ka-theme="dark"] .ka-contact-role { background: rgba(255, 255, 255, 0.06); border-color: var(--ka-line); color: var(--ka-ink); } [data-ka-theme="dark"] .ka-contract-chip, [data-ka-theme="dark"] .ka-contract-chip:hover:not(:disabled) { background: #374151; border-color: #374151; color: #fff; } /* Typeahead / search suggestions */ [data-ka-theme="dark"] .vbt-autcomplete-list, [data-ka-theme="dark"] .list-group-item { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .vbt-autcomplete-list .list-group-item:hover, [data-ka-theme="dark"] .vbt-autcomplete-list .list-group-item.active { background: #252a35 !important; color: #fff !important; } /* Theme switcher */ [data-ka-theme="dark"] .ka-theme-switch { border-color: var(--ka-line); background: #1c2029; box-shadow: none; } [data-ka-theme="dark"] .ka-theme-switch-btn { color: var(--ka-muted); } [data-ka-theme="dark"] .ka-theme-switch-btn.is-active { background: #f3f4f6; color: #111827; } /* Pagination */ [data-ka-theme="dark"] .page-link { background: #1c2029; border-color: var(--ka-line); color: var(--ka-muted); } [data-ka-theme="dark"] .page-item.active .page-link { background: #f3f4f6; border-color: #f3f4f6; color: #111827; } [data-ka-theme="dark"] .page-item.disabled .page-link { background: #151821; border-color: var(--ka-line); color: #4b5563; } /* ------------------------------------------------------------------------- Dark contrast fixes — kill leftover light surfaces ------------------------------------------------------------------------- */ [data-ka-theme="dark"] .bg-white, [data-ka-theme="dark"] .bg-light, [data-ka-theme="dark"] .collapse-inner.bg-white { background-color: var(--ka-card) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .table-striped tbody tr:nth-of-type(odd), [data-ka-theme="dark"] .table-striped tbody tr:nth-of-type(odd) > td, [data-ka-theme="dark"] .table-striped tbody tr:nth-of-type(odd) > th { background-color: rgba(255, 255, 255, 0.035) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .table-hover tbody tr:hover, [data-ka-theme="dark"] .table tbody tr:hover, [data-ka-theme="dark"] .table-hover tbody tr:hover > td, [data-ka-theme="dark"] .table tbody tr:hover > td { background-color: rgba(255, 255, 255, 0.07) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .table tbody td, [data-ka-theme="dark"] .table tbody td * { color: inherit; } [data-ka-theme="dark"] .table tbody td a { color: #e5e7eb !important; } [data-ka-theme="dark"] .table thead th, [data-ka-theme="dark"] .thead-light th { background: #1c2029 !important; color: var(--ka-muted) !important; } [data-ka-theme="dark"] .text-gray-800, [data-ka-theme="dark"] .h3.text-gray-800 { color: var(--ka-ink) !important; } [data-ka-theme="dark"] .bg-light, [data-ka-theme="dark"] pre.bg-light { background-color: #1c2029 !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .contacts-table tbody tr:nth-of-type(odd), [data-ka-theme="dark"] .contacts-table tbody td { background-color: transparent !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .table tbody tr, [data-ka-theme="dark"] .table tbody td, [data-ka-theme="dark"] .table tbody th { background-color: transparent; color: var(--ka-ink); } [data-ka-theme="dark"] .table thead th { background: transparent !important; color: var(--ka-muted) !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .alert-success { background-color: rgba(52, 211, 153, 0.12) !important; border-color: rgba(52, 211, 153, 0.28) !important; color: #a7f3d0 !important; } [data-ka-theme="dark"] .alert-success a { color: #6ee7b7 !important; } [data-ka-theme="dark"] .alert-success .text-danger, [data-ka-theme="dark"] .alert-success a.text-danger { color: #fca5a5 !important; } [data-ka-theme="dark"] .text-dark { color: var(--ka-ink) !important; } [data-ka-theme="dark"] .text-success { color: #34d399 !important; } [data-ka-theme="dark"] .text-danger { color: #f87171 !important; } /* Sidebar collapse — stronger contrast */ [data-ka-theme="dark"] .sidebar #sidebarToggle, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle { background: #2a2f3a !important; border: 1.5px solid #6b7280 !important; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06); } [data-ka-theme="dark"] .sidebar #sidebarToggle::after, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle::after { color: #f9fafb !important; font-size: 0.95rem; } [data-ka-theme="dark"] .sidebar #sidebarToggle:hover, [data-ka-theme="dark"] .sidebar-dark #sidebarToggle:hover { background: #374151 !important; border-color: #e5e7eb !important; } /* Customer list / notice leftovers */ [data-ka-theme="dark"] .ka-customer-list-action, [data-ka-theme="dark"] .ka-contact-action, [data-ka-theme="dark"] .ka-notice-open-chevron, [data-ka-theme="dark"] .ka-notice-mark { background: #1c2029 !important; border-color: var(--ka-line-strong) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-customer-list-badge, [data-ka-theme="dark"] .ka-customer-list-tag, [data-ka-theme="dark"] .ka-notice-tag { background: rgba(255, 255, 255, 0.06) !important; border-color: var(--ka-line) !important; color: var(--ka-muted) !important; } [data-ka-theme="dark"] .ka-tag-multi-trigger, [data-ka-theme="dark"] .ka-tag-multi-panel, [data-ka-theme="dark"] .ka-tag-multi-search, [data-ka-theme="dark"] .ka-tag-multi-footer { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-tag-multi-option:hover, [data-ka-theme="dark"] .ka-tag-multi-option.is-selected { background: rgba(255, 255, 255, 0.06) !important; } [data-ka-theme="dark"] .ka-tag-multi-check { background: #151821 !important; border-color: var(--ka-line-strong) !important; } [data-ka-theme="dark"] .ka-tag-multi-option.is-selected .ka-tag-multi-check { background: #f3f4f6 !important; border-color: #f3f4f6 !important; color: #111827 !important; } [data-ka-theme="dark"] .ka-contract-summary-item, [data-ka-theme="dark"] .ka-contract-notes, [data-ka-theme="dark"] .ka-contract-team-box, [data-ka-theme="dark"] .ka-contract-logs, [data-ka-theme="dark"] .ka-contract-log-head, [data-ka-theme="dark"] .ka-contract-log-body, [data-ka-theme="dark"] .ka-order-empty, [data-ka-theme="dark"] .list-group-item { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-contract-logs-panel, [data-ka-theme="dark"] .ka-contract-log-head.is-open { background: #181b22 !important; } [data-ka-theme="dark"] .ka-contract-logs-toggle { background: transparent !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-contract-logs-count { background: #f3f4f6 !important; color: #111827 !important; } [data-ka-theme="dark"] .ka-contract-status.is-active { background: rgba(52, 211, 153, 0.16) !important; color: #6ee7b7 !important; } [data-ka-theme="dark"] .ka-contract-status.is-inactive, [data-ka-theme="dark"] .ka-contract-status.is-muted { background: rgba(255, 255, 255, 0.06) !important; color: #d1d5db !important; } [data-ka-theme="dark"] .ka-contract-status.is-team { background: rgba(96, 165, 250, 0.14) !important; color: #93c5fd !important; } [data-ka-theme="dark"] .ka-contract-team-hint { color: #93c5fd !important; } [data-ka-theme="dark"] .ka-contract-team-message { color: #6ee7b7 !important; } [data-ka-theme="dark"] .ka-contract-team-message.is-error { color: #fca5a5 !important; } [data-ka-theme="dark"] .ka-contract-modal .modal-content, [data-ka-theme="dark"] .modal-content.ka-contract-modal { background: var(--ka-card) !important; color: var(--ka-ink) !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .ka-contract-modal .modal-header, [data-ka-theme="dark"] .ka-contract-modal .modal-footer, [data-ka-theme="dark"] .modal-content.ka-contract-modal .modal-header, [data-ka-theme="dark"] .modal-content.ka-contract-modal .modal-footer { background: var(--ka-card) !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-contract-modal .modal-footer, [data-ka-theme="dark"] .modal-content.ka-contract-modal .modal-footer { background: var(--ka-bg-soft) !important; } [data-ka-theme="dark"] .ka-contract-modal .btn-outline-secondary, [data-ka-theme="dark"] .modal-content.ka-contract-modal .btn-outline-secondary { background: transparent !important; border-color: var(--ka-line-strong) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-contract-log-action { background: rgba(255, 255, 255, 0.06) !important; color: #e5e7eb !important; } [data-ka-theme="dark"] .ka-contract-log-action.is-add { background: rgba(52, 211, 153, 0.16) !important; color: #6ee7b7 !important; } [data-ka-theme="dark"] .ka-contract-log-action.is-update { background: rgba(96, 165, 250, 0.16) !important; color: #93c5fd !important; } [data-ka-theme="dark"] .ka-contract-log-action.is-remove { background: rgba(248, 113, 113, 0.16) !important; color: #fca5a5 !important; } [data-ka-theme="dark"] .ka-contract-table tbody tr:hover { background: rgba(255, 255, 255, 0.04) !important; } [data-ka-theme="dark"] .ka-contract-log-json { background: #0c0e12 !important; border-color: var(--ka-line) !important; color: #d1d5db !important; } /* Order signed row accents stay readable */ [data-ka-theme="dark"] .ka-alerts-dropdown.dropdown-list { background: var(--ka-card) !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .ka-alerts-header, [data-ka-theme="dark"] .ka-alerts-footer { background: #1c2029; } [data-ka-theme="dark"] .ka-alerts-item:hover { background: rgba(255, 255, 255, 0.05); } [data-ka-theme="dark"] .ka-alerts-footer:hover { background: #252a35; color: #fff !important; } [data-ka-theme="dark"] .ka-alerts-icon.is-success { background: #059669; } [data-ka-theme="dark"] .ka-alerts-icon.is-warn { background: #d97706; } [data-ka-theme="dark"] .ka-alerts-icon.is-info { background: #4b5563; } [data-ka-theme="dark"] .ka-alerts-icon.is-muted { background: #6b7280; } [data-ka-theme="dark"] .topbar .badge-counter { background: #f3f4f6 !important; color: #111827 !important; } [data-ka-theme="dark"] .dash-btn-badge { background: #111827 !important; color: #f9fafb !important; } [data-ka-theme="dark"] .ka-order-row:hover { background: rgba(255, 255, 255, 0.06) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .ka-order-row:hover .ka-order-title, [data-ka-theme="dark"] .ka-order-row:hover .ka-order-meta, [data-ka-theme="dark"] .ka-order-row:hover .ka-order-amount, [data-ka-theme="dark"] .ka-order-row:hover .text-muted { color: inherit; } [data-ka-theme="dark"] .ka-order-row.is-signed:hover { background: linear-gradient(90deg, rgba(52, 211, 153, 0.12) 0%, rgba(255, 255, 255, 0.05) 42%) !important; } /* Progress / checklist */ [data-ka-theme="dark"] .progress { background-color: #2a2f3a !important; } [data-ka-theme="dark"] .progress-bar { background-color: #e5e7eb !important; } [data-ka-theme="dark"] .custom-control-label::before { background-color: #1c2029; border-color: #6b7280; } [data-ka-theme="dark"] .checklist-title { color: var(--ka-ink); } /* CKEditor (comments) */ [data-ka-theme="dark"] .cke_chrome { border-color: var(--ka-line) !important; box-shadow: none !important; } [data-ka-theme="dark"] .cke_top, [data-ka-theme="dark"] .cke_bottom { background: #1c2029 !important; border-color: var(--ka-line) !important; box-shadow: none !important; } [data-ka-theme="dark"] .cke_toolgroup, [data-ka-theme="dark"] .cke_combo_button, [data-ka-theme="dark"] .cke_button_on, [data-ka-theme="dark"] .cke_button_off { background: #252a35 !important; border-color: var(--ka-line) !important; box-shadow: none !important; } [data-ka-theme="dark"] .cke_contents, [data-ka-theme="dark"] .cke_wysiwyg_frame, [data-ka-theme="dark"] .cke_wysiwyg_div { background: #151821 !important; } [data-ka-theme="dark"] .cke_editable { background: #151821 !important; color: #f3f4f6 !important; } /* Select2 dropdown */ [data-ka-theme="dark"] .select2-dropdown { background: #1c2029 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #374151 !important; color: #fff !important; } [data-ka-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] { background: #252a35 !important; } [data-ka-theme="dark"] .select2-search--dropdown .select2-search__field { background: #151821 !important; border-color: var(--ka-line) !important; color: var(--ka-ink) !important; } /* Dashboard year picker / shopify already tokenized; reinforce */ [data-ka-theme="dark"] .dash-year-picker { background: var(--ka-card) !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .dash-shopify-stat { background: var(--ka-bg-soft) !important; border-color: var(--ka-line) !important; } [data-ka-theme="dark"] .dash-shopify-stat strong, [data-ka-theme="dark"] .dash-shopify-value, [data-ka-theme="dark"] .dash-kpi-value { color: var(--ka-ink) !important; } [data-ka-theme="dark"] .dash-btn, [data-ka-theme="dark"] .dash-btn-ghost { background: #1c2029 !important; border-color: var(--ka-line-strong) !important; color: var(--ka-ink) !important; } [data-ka-theme="dark"] .dash-progress { background: #2a2f3a !important; } /* Header search suggestions */ [data-ka-theme="dark"] .header-search .customer-suggestion, [data-ka-theme="dark"] .header-search .customer-name { color: var(--ka-ink); } [data-ka-theme="dark"] .header-search .customer-sub { color: var(--ka-muted); } [data-ka-theme="dark"] .ka-theme-switch { flex-wrap: nowrap; }