/* Money dark appearance. Loaded last so it also covers the legacy finance pages. */ html[data-money-theme="dark"] { color-scheme: dark; --money-ink: #f5f5f5; --money-muted: #b2b4ba; --money-line: #252527; --money-blue: #d49a7b; --money-soft-blue: #252527; --ml26-canvas: #1c1c1e; --ml26-surface: #252527; --ml26-surface-soft: #252527; --ml26-surface-tint: #252527; --ml26-ink: #f5f5f5; --ml26-text: #b2b4ba; --ml26-muted: #b2b4ba; --ml26-faint: #b2b4ba; --ml26-line: #252527; --ml26-line-soft: #252527; --ml26-green: #d49a7b; --ml26-green-soft: #252527; --ml26-blue: #d49a7b; --ml26-blue-soft: #252527; --ml26-shadow: 0 7px 28px rgba(0, 0, 0, .15); } html[data-money-theme="dark"] body.money-app, html[data-money-theme="dark"] body.money-subpage, html[data-money-theme="dark"] body.money-subpage .money-main { background: #1c1c1e !important; color: #f5f5f5 !important; --ml26-canvas: #1c1c1e; --ml26-surface: #252527; --ml26-surface-soft: #252527; --ml26-surface-tint: #252527; --ml26-ink: #f5f5f5; --ml26-text: #b2b4ba; --ml26-muted: #b2b4ba; --ml26-line: #252527; --ml26-line-soft: #252527; --ml26-green: #d49a7b; --ml26-green-soft: #252527; --ml26-blue: #d49a7b; --ml26-blue-soft: #252527; --ui-canvas: #1c1c1e; --ui-accent: #d49a7b; --bs-body-bg: #1c1c1e; --bs-body-color: #f5f5f5; } html[data-money-theme="dark"] body.money-app :is(.money-sidebar,.money-sidebar-bottom,.money-header) { background: #1c1c1e !important; border-color: #252527 !important; } html[data-money-theme="dark"] body.money-app :is(.money-brand,.money-brand:hover,.money-page-intro h1,.money-balance-amount,.money-section-heading h2,.money-summary-header h2,.money-summary-card strong,.money-panel-heading h2,.money-search-result,.money-search-result strong,.money-empty-panel strong,.money-transaction strong,.money-category-name,.money-category-value,.money-budget-row strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-nav a,.money-sidebar-bottom > a:not(.money-sidebar-profile),.money-logout button,.money-nav a svg,.money-sidebar-bottom > a svg) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-app :is(.money-nav a:hover,.money-sidebar-bottom > a:not(.money-sidebar-profile):hover,.money-logout button:hover,.money-nav a.is-active,.money-sidebar-bottom > a.is-active,.money-sidebar-profile.is-active) { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-app :is(.money-search,.money-search-results:not([hidden]),.money-summary-card,.money-insight-panel) { background: #252527 !important; border-color: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-notification-trigger,.money-notification-panel,.money-sync-toast) { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-notification-panel > strong,.money-sync-toast strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-notification-panel > a,.money-notification-trigger:hover,.money-notification[open] .money-notification-trigger) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-notification-panel > a small,.money-notification-panel > p,.money-sync-toast span) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-app :is(.money-search kbd,.money-scope,.money-empty-panel,.money-insights) { background: #252527 !important; border-color: #252527 !important; } html[data-money-theme="dark"] body.money-app :is(.money-search-result:hover,.money-search-result.is-selected,.money-scope a.is-active) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-account-card-2,.money-account-card-3) { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-category-track,.money-budget-track) { background: #3a3a3d !important; } html[data-money-theme="dark"] body.money-app :is(.money-search input,.money-search input::placeholder) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-app :is(.money-profile-copy small,.money-subtitle,.money-eyebrow,.money-section-kicker,.money-summary-card small,.money-panel-heading p,.money-list-empty,.money-current-month,.money-balance-meta,.money-chart-legend,.money-budget-row small,.money-panel-empty,.money-budget-empty) { color: #b2b4ba !important; } /* SweetAlert toasts are appended outside the page content. */ html[data-money-theme="dark"] body.money-app .swal2-container .swal2-popup.swal2-toast { background: #252527 !important; border: 1px solid #3a3a3d !important; color: #f5f5f5 !important; box-shadow: 0 14px 38px rgba(0, 0, 0, .35) !important; } html[data-money-theme="dark"] body.money-app .swal2-toast :is(.swal2-title,.swal2-html-container) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app .swal2-toast .swal2-close { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-app .swal2-toast .swal2-timer-progress-bar { background: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage :is(.card,.product-panel,.quick-add-card,.account-summary-card,.account-detail-panel,.accounts-list-panel,.stat-card,.summary-card,.filter-card,.settings-data-panel,.dropdown-menu,.modal-content,.popover,.select2-dropdown,.flatpickr-calendar) { background: #252527 !important; color: #f5f5f5 !important; border-color: #252527 !important; box-shadow: 0 7px 28px rgba(0,0,0,.15) !important; } html[data-money-theme="dark"] body.money-subpage :is(.goals-summary article,.goals-section,.finance-kpi,.product-search-form,.account-history-card,.month-picker-card,.budget-period-controls,.hdr-notification-menu,.hdr-notification-item) { background: #252527 !important; color: #f5f5f5 !important; border-color: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is(.card,.product-panel,.goals-section,.goals-summary,.finance-kpi) :is(h1,h2,h3,h4,h5,h6) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.card-header,.card-footer,.product-panel-heading,.filter-toggle,.filter-card .filter-toggle,.tx-filter-summary,.table thead th,.product-table thead th,.select2-selection,.input-group-text,.flatpickr-months,.flatpickr-weekdays) { background: #252527 !important; border-color: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.card-body,.table,.product-table,.table td,.table th,.list-group-item,.dropdown-item,.select2-results__option,.flatpickr-day) { color: #f5f5f5 !important; border-color: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is(.table,.product-table,.list-group-item,.select2-results__option) { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is(.table tbody tr:hover td,.product-table tbody tr:hover td,.list-group-item:hover,.dropdown-item:hover,.select2-results__option--highlighted) { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is(.form-control,.form-select,.select2-selection,.select2-search__field,.flatpickr-input,textarea,input:not([type="checkbox"]):not([type="radio"]),select) { background-color: #1c1c1e !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .money-header .money-search input[type="search"] { background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } html[data-money-theme="dark"] body.money-subpage :is(.form-control,.form-select,input,textarea)::placeholder { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage :is(.page-titles h1,.app-page-hero h1,.page-title h1,.product-page-header h1,.accounts-header h1,.settings-section-heading h2,.settings-data-copy h3,.filter-toggle .section-label,.card-header h2,.card-header h3,.product-panel-heading h2,.money-chart-empty strong,.money-empty-action strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.settings-card-description,.settings-section-heading p,.settings-data-copy p,.page-titles p,.app-page-hero p,.product-page-header p,.text-muted,.small.text-muted) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage :is(.btn-light,.btn-outline-secondary,.btn-action,.settings-delete-action) { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.product-subnav,.finance-scope-switch,.finance-scope-switch a,.product-subnav a,.progress,.tx-filter-summary) { background: #252527 !important; border-color: #252527 !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage :is(.product-subnav a.active,.finance-scope-switch a.active) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.money-chart-empty,.money-empty-action,.finance-budget-empty,.empty-state) { background: #252527 !important; border-color: #3a3a3d !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage .product-panel::before { border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content [style*="background:#fff"], html[data-money-theme="dark"] body.money-subpage #main-content [style*="background: #fff"], html[data-money-theme="dark"] body.money-subpage #main-content [style*="background:#ffffff"] { background-color: #252527 !important; } html[data-money-theme="dark"] body.money-subpage .settings-appearance-preview { color: #b2b4ba; } html[data-money-theme="dark"] body.money-auth:not(.app-shell), html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-right { background: #1c1c1e !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-left { background: #252527 !important; border-color: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-left::before, html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-left::after { border-color: #252527 !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) :is(.auth-brand,.auth-brand-name,.auth-mobile-brand,.auth-left-body h2,.auth-card-title) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) :is(.auth-left-body p,.auth-feature,.auth-card-sub,.auth-card p,.auth-card label) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) .auth-card { background: #252527 !important; border-color: #252527 !important; box-shadow: 0 12px 36px rgba(0,0,0,.18) !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) :is(.auth-input,.form-control,.form-select) { background: #1c1c1e !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-auth:not(.app-shell) :is(.auth-btn-secondary,.auth-icon-wrap) { background: #252527 !important; border-color: #3a3a3d !important; color: #d49a7b !important; } /* Shared navigation and dashboard states. */ html[data-money-theme="dark"] body.money-app :is(.money-profile-copy strong,.money-brand strong,.money-sidebar-profile > svg,.money-menu-button,.money-sidebar-close) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app :is(.money-avatar,.money-header-avatar) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app .money-sidebar-profile { border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-app .money-sidebar-profile:hover { background: #252527 !important; } html[data-money-theme="dark"] body.money-app .money-transaction:hover { background: #252527 !important; } html[data-money-theme="dark"] body.money-app .money-transaction-amount:not(.is-income) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app .money-transaction-amount.is-income { color: #79ddb3 !important; } /* The older finance views still assign white surfaces and dark ink directly. */ html[data-money-theme="dark"] body.money-subpage :is( .accounts-list-panel,.account-detail-panel,.budget-summary-card,.people-overview-bar, .people-summary-grid article,.loan-summary-grid article,.category-summary-grid article,.pr-summary-grid article, .person-directory-row,.asset-show-metrics article,.asset-show-panel,.asset-upload-form label, .inv-stat,.inv-widget,.inv-form-card,.transaction-form-card,.transaction-related-card, .transaction-type-card,.transaction-split-notice,.import-history-card .accordion, .import-history-card .import-batch,.import-template-form-shell .card ) { background: #252527 !important; color: #f5f5f5 !important; border-color: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is( .accounts-panel-heading,.tx-table-heading,.people-list-head,.asset-show-panel-head, .inv-widget-header,.inv-form-header,.import-template-form-shell .card-header, .yearly-budget-table > div:first-child,.budget-table-head,.people-directory-toolbar ) { background: #252527 !important; color: #b2b4ba !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is( .accounts-panel-heading,.tx-table-heading,.people-directory-toolbar,.asset-show-panel-head, .inv-widget-header,.inv-form-header,.import-template-form-shell .card-header ) :is(h2,h3,h4,h5,h6,strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is( .account-summary-card,.budget-summary-card,.people-overview-bar,.people-summary-grid, .loan-summary-grid,.category-summary-grid,.pr-summary-grid,.inv-stat,.finance-kpi, .investment-account-row,.investments-account-row,.budget-row,.account-list-row, .person-directory-row,.asset-show-metrics,.asset-show-panel,.goals-row ) :is(strong,b,h2,h3):not(.negative):not(.positive) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is( .account-list-row,.account-transaction-row,.person-directory-row,.budget-row, .investment-account-row,.investments-account-row,.asset-transaction-list > a, .budget-recommendations > a ):hover { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage .account-list-row.selected { background: #252527 !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .account-list-row.selected :is(strong,small) { color: #f5f5f5 !important; } /* Tables, selectors and compact action buttons across the subpages. */ html[data-money-theme="dark"] body.money-subpage #main-content { --bs-border-color: #3a3a3d; } html[data-money-theme="dark"] body.money-subpage :is(.tx-table,.rules-table,.inv-table,.loan-table,.wk-table) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-table,.rules-table,.inv-table,.loan-table,.wk-table,.table,.product-table) thead :is(th,td) { background: #252527 !important; color: #b2b4ba !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-table,.rules-table,.inv-table,.loan-table,.wk-table) tbody td { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-table,.rules-table,.inv-table,.loan-table,.wk-table) tbody tr:hover td { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is( .account-detail-menu > button,.budget-row-menu,.person-directory-actions > button, .account-history-card button,.month-picker-nav,.people-directory-search button, .tx-table .btn-action,.inv-table .btn-action,.group-toggle,.product-pagination .page-link, .pagination .page-link,.budget-period-step,.budget-period-picker, .dropdown:has(>button>svg.feather-more-vertical) > button, .dropdown:has(>button>[data-feather="more-vertical"]) > button ) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is( .account-history-card button.active,.pagination .page-item.active .page-link, .product-pagination .page-item.active .page-link ) { background: #d49a7b !important; color: #fff !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .dropdown:has(>button>svg.feather-more-vertical) > .dropdown-menu .dropdown-item:hover { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.account-history-card,.budget-period-controls,.people-directory-search,.product-search-form) { background: #252527 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.budget-progress,.budget-usage-bar,.account-goal-track,.investments-goal-progress .account-goal-track) { background: #3a3a3d !important; } /* Statuses keep their meaning without the pale badges from the light theme. */ html[data-money-theme="dark"] body.money-subpage :is(.badge-income,.status-active,.person-status.clear,.status-pill.success) { background: #252527 !important; color: #80dfba !important; } html[data-money-theme="dark"] body.money-subpage :is(.badge-expense,.status-expired,.status-pill.danger) { background: #4b2938 !important; color: #ff9aa7 !important; } html[data-money-theme="dark"] body.money-subpage :is(.badge-transfer,.status-draft,.status-pill.neutral,.loan-entry-badge,.module-plan-badge) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.status-expiring,.person-status.warning) { background: #493b29 !important; color: #f4c27b !important; } html[data-money-theme="dark"] body.money-subpage :is(.status-archived,.document-status.status-archived) { background: #252527 !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage :is(.money-amount-neutral,.loan-table tbody td.money-amount-neutral) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.negative,.text-danger) { color: #ff8495 !important; } html[data-money-theme="dark"] body.money-subpage :is(.positive,.text-success) { color: #80dfba !important; } /* Import, investment and report controls with their own legacy color rules. */ html[data-money-theme="dark"] body.money-subpage :is(.inv-widget-header,.inv-form-header,.holding-group-row td,.import-batch .accordion-button,.import-history-toolbar,.import-history-row.is-selected td) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-mode-selector input:checked + span,.qa-type-pills,.tx-filter-metric,.people-directory-search,.product-subnav a:hover) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.account-group-heading,.budget-chart-legend,.budget-chart-kpis,.month-picker-title,.budget-period-picker strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.investments-summary article > strong,.investments-account-primary a,.investments-account-value strong,.investment-account-primary a,.investment-account-value strong) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.text-dark,.fw-semibold.text-dark) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.account-pill,.account-tone-blue,.account-tone-green,.account-tone-violet,.account-tone-amber,.account-tone-teal,.account-tone-coral,.badge-split) { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-child-row td,.tx-table tbody tr.row-transfer > td) { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage .tx-table tbody tr:is(.tx-child-row,.row-transfer):hover > td { background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage :is(.tx-table td .select2-selection--single,.tx-table td .bootstrap-select > .dropdown-toggle,.category-selector + .dropdown-toggle) { background: #1c1c1e !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage .tx-table td .select2-selection__rendered { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.account-goal-card,.investment-account-goal,.budget-detail-content,.budget-recommendations,.investment-trades-page,.tx-filter-summary) { color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.bg-light,.bg-white) { background-color: #252527 !important; } html[data-money-theme="dark"] body.money-subpage .badge.bg-danger { background: #4b2938 !important; color: #ff9aa7 !important; } html[data-money-theme="dark"] body.money-subpage .badge.bg-success { background: #252527 !important; color: #80dfba !important; } html[data-money-theme="dark"] body.money-subpage .badge.bg-secondary { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.admin-kpi,.admin-kpi-main,.loan-type-option,.filter-toggle,.investment-account-goal,.banking-setup,.banking-connection) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.admin-hero h1,.investments-card-head h2,.investments-activity-row strong,.investments-goal-progress strong,.investments-empty h2,.investment-account-goal strong,.qa-heading-row .section-label,.filter-toggle .section-label) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.settings-delete-action,.loan-entry-delete) { background: #3e2737 !important; color: #ff9aa7 !important; border-color: #704353 !important; } html[data-money-theme="dark"] body.money-subpage .settings-delete-action:hover { background: #4b2938 !important; } html[data-money-theme="dark"] body.money-subpage :is(.account-goal-track,.budget-progress,.budget-usage > .budget-usage-bar) { background: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-money-theme="dark"] body.money-subpage .select2-container--default .select2-selection--multiple .select2-selection__rendered { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .select2-container--default .select2-selection__placeholder { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage .select2-container--default .select2-selection__arrow b { border-top-color: #b2b4ba !important; border-bottom-color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage .categories-overview-bar, html[data-money-theme="dark"] body.money-subpage .categories-overview-bar article { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .categories-overview-bar strong, html[data-money-theme="dark"] body.money-subpage .card-body .fw-semibold { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .asset-view-switch, html[data-money-theme="dark"] body.money-subpage .asset-view-switch button { background: #252527 !important; border-color: #3a3a3d !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .asset-view-switch button.active { background: #d49a7b !important; color: #fff !important; } html[data-money-theme="dark"] body.money-subpage #main-content code { background: #252527 !important; color: #d49a7b !important; border: 1px solid #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .card > .card-header, html[data-money-theme="dark"] body.money-subpage #main-content .card > .card-header:first-child { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .card > .card-header :is(h1,h2,h3,h4,h5,h6,.card-title,.section-label,.fw-semibold) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .transaction-type-option__surface { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .transaction-type-option__surface strong { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .transaction-type-option__surface small { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage .transaction-type-option input:checked + .transaction-type-option__surface { background: #252527 !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .import-metrics-grid .rules-stat { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .import-metrics-grid .rules-stat-value { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.ml-currency-input,.transaction-file-input,.card > .card-footer) { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .btn-warning { background: #493b29 !important; border-color: #79613e !important; color: #f4c27b !important; } html[data-money-theme="dark"] body.money-subpage #main-content .bg-info-subtle { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .ml-u-031e0f2c81 { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .card > .card-footer { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .card-footer { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.ml-u-337c877d7d,.ml-u-fea0deff24) { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-transactions-import-revolut #main-content .revolut-export-steps { color: #b2b4ba !important; } html[data-money-theme="dark"] body.app-view-transactions-import-revolut #main-content .revolut-export-steps strong { color: #d49a7b !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-page { --admin-plum: #d4bdff; --admin-plum-soft: #252527; --admin-coral: #ffab91; --admin-coral-soft: #4b3440; --admin-teal: #80dfba; --admin-teal-soft: #252527; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-hero { border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-date, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-module, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-users { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-users-head, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-table thead th { background: #252527 !important; border-color: #3a3a3d !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-users-title, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-module-name, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-person-name, html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-module-value { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-table tbody tr:hover td { background: #252527 !important; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-module-money { --module-color: #d49a7b; --module-soft: #252527; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-kpi-main { --kpi-color: #d4bdff; --kpi-soft: #252527; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-kpi-active { --kpi-color: #80dfba; --kpi-soft: #252527; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-kpi-new { --kpi-color: #ffab91; --kpi-soft: #4b3440; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-kpi-disabled { --kpi-color: #ff9aa7; --kpi-soft: #4b2938; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-pill-finance { --pill-color: #d49a7b; --pill-soft: #252527; } html[data-money-theme="dark"] body.app-view-admin-index #main-content .admin-avatar { color: #d49a7b !important; background: #252527 !important; } html[data-money-theme="dark"] body.money-subpage .tox-edit-area__iframe { background: #252527 !important; } @media (min-width: 1100px) and (max-width: 1450px) { html[data-money-theme="dark"] body.money-subpage .accounts-header { flex-direction: column; align-items: stretch; justify-content: flex-start; } html[data-money-theme="dark"] body.money-subpage .accounts-header > div:first-child { flex: 0 0 auto !important; } html[data-money-theme="dark"] body.money-subpage .accounts-header-actions { justify-content: flex-end; align-items: center; flex-wrap: nowrap; flex: 0 0 auto !important; width: 100%; } html[data-money-theme="dark"] body.money-subpage .accounts-header-actions > .select2-container { height: 42px !important; align-self: center !important; } } /* Dark surfaces for the shared icon and initial system. */ html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol,.account-brand,.investments-symbol,.person-directory-name > span,.loan-avatar,.loan-person-avatar,.goals-achievement-icon,.import-metric-icon,.budget-category-icon,.asset-document-row > span) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-blue,.account-brand-blue,.tone-blue,.import-metric-icon.is-blue,.budget-category-icon.account-symbol-blue) { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-green,.account-brand-green,.tone-green,.import-metric-icon.is-green,.budget-category-icon.account-symbol-green) { background: #252527 !important; color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-violet,.account-brand-violet,.tone-violet,.import-metric-icon.is-violet,.budget-category-icon.account-symbol-violet) { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-coral,.account-brand-coral,.tone-coral,.budget-category-icon.account-symbol-coral) { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-amber,.account-brand-amber,.tone-amber,.import-metric-icon.is-amber,.budget-category-icon.account-symbol-amber) { background: #493a29 !important; color: #f4c27b !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-symbol-neutral,.account-brand-neutral,.tone-slate) { background: #252527 !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage.app-view-loans-index #main-content .loan-summary-grid .account-symbol, html[data-money-theme="dark"] body.money-subpage.app-view-loans-index #main-content .loan-avatar, html[data-money-theme="dark"] body.money-subpage.app-view-loans-show #main-content .loan-person-avatar { background: #252527 !important; color: #d49a7b !important; } /* Bank connections and import batches have their own full-width light strips. */ html[data-money-theme="dark"] body.money-subpage #main-content :is(.banking-consent-note,.banking-meta,.import-summary-item,.import-history-card .import-batch,.import-history-card .accordion-button,.import-history-card .accordion-body) { background: #252527 !important; border-color: #3a3a3d !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.banking-meta small,.banking-consent-note,.import-summary-label,.import-history-card .batch-file) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.banking-meta strong,.import-summary-value,.import-page-head h3) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.soft-chip,.source-badge,.batch-count,.mapping-chips span,.field-chip,.match-chip,.keyword-chip,.goals-section-heading > span) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.soft-chip,.source-badge,.batch-count,.mapping-chips span,.field-chip,.match-chip,.keyword-chip) :is(b,strong,svg) { color: inherit !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.source-badge.revolut,.field-chip.person) { background: #252527 !important; color: #d4bdff !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .amount-pill.text-success { background: #252527 !important; color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .amount-pill.text-danger { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .import-summary-value.text-success { color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .import-summary-value.text-danger { color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .banking-more { background: #252527 !important; color: #b2b4ba !important; border-color: #3a3a3d !important; } /* Segmented controls, loan actions, and semantic amounts. */ html[data-money-theme="dark"] body.money-subpage #main-content :is(.settings-menu,.reports-toolbar > .settings-menu,.scope-switch,.reports-toolbar > .scope-switch) { background: #252527 !important; border-color: #3a3a3d !important; box-shadow: none !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.settings-menu a,.scope-switch > .btn) { background: transparent !important; color: #b2b4ba !important; border-color: transparent !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.settings-menu a.active,.scope-switch > .btn-primary) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.loan-status.is-open,.loan-status-pill.open,.loan-card .btn-action.success) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.loan-status.is-closed,.loan-status-pill.closed) { background: #252527 !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-filter-summary { background: #252527 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-filter-summary > span { background: transparent !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-filter-metric.is-income strong { color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-filter-metric.is-expense strong { color: #ff8f9f !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-filter-metric.is-balance strong { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-summary strong.negative { color: #ff8f9f !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-summary strong.positive { color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.investments-account-row,.investments-activity-row,.investments-card-head,.product-panel-heading,.banking-account-row) { border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .stat-icon { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .stat-icon svg { color: inherit !important; } html[data-money-theme="dark"] body.money-subpage #main-content .stat-sub strong { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-app .money-transaction-icon, html[data-money-theme="dark"] body.money-app .money-summary-icon.is-saved { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-app :is(.money-transaction-icon.is-income,.money-summary-icon.is-income) { background: #252527 !important; color: #83dfbc !important; } html[data-money-theme="dark"] body.money-app .money-summary-icon.is-expense { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-app .money-transaction-icon.is-transfer { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage #main-content .account-group-heading b, html[data-money-theme="dark"] body.money-subpage #main-content .archived-accounts b { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .account-goal-card { background: #252527 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage #main-content .category-type-pill.type-expense { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .category-type-pill.type-income { background: #252527 !important; color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .category-type-pill.type-general { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-positions .investments-table tbody td:first-child strong { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-positions .investments-table tbody td:first-child small { color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-data-note { color: #f4c27b !important; } html[data-money-theme="dark"] body.money-subpage #main-content .investments-goal-link { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-amount.income { color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-amount.expense { color: #ff8f9f !important; } html[data-money-theme="dark"] body.money-subpage #main-content .tx-amount.transfer { color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.account-goal-values b,.account-recent .accounts-panel-heading a,.investment-account-goal-progress b,.help-card .help-copy strong) { color: #f5f5f5 !important; } /* Budget rollover details and recommendations need their own dark palette. */ html[data-money-theme="dark"] body.money-subpage #main-content .budget-transfer-note > span { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-transfer-note > .budget-transfer-amount { background: #252527 !important; color: #83dfbc !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-transfer-note > .budget-transfer-amount.is-negative { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-transfer-note > span strong { color: inherit !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-recommendations p strong { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-chart-variance.is-over { background: #482e3b !important; color: #ffa4b2 !important; } html[data-money-theme="dark"] body.money-subpage #main-content .budget-chart-variance.is-under, html[data-money-theme="dark"] body.money-subpage #main-content .budget-type-pill { background: #252527 !important; color: #83dfbc !important; } /* Category report chart labels and empty progress tracks. */ html[data-money-theme="dark"] body.app-view-reports-category #main-content :is(.category-chart-heading,.category-weekday-heading,.category-review-heading) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-reports-category #main-content .category-weekday-track { background: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-reports-category #main-content :is(.category-weekday-label,.category-weekday-caption,.category-insights .insight-row span:first-child) { color: #b2b4ba !important; } html[data-money-theme="dark"] body.app-view-reports-category #main-content .ml-u-d7c5edccad { color: #d49a7b !important; } /* Period report filter and result cards. */ html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-stat { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-stat-value:not(.text-danger):not(.text-success) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-stat-label, html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-stat .text-muted { color: #b2b4ba !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-filter .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-filter .select2-selection__choice__remove { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .period-filter .select2-selection__choice__remove:hover { color: #fff !important; background: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-reports-category-period #main-content .category-period-breakdown > .border-bottom { border-bottom-color: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-assets-show #main-content .asset-show-hero { background: #252527 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-persons-show #main-content :is(.person-detail-header h1,.person-detail-card-name) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-persons-show #main-content .person-detail-contact .text-dark { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.app-view-persons-show #main-content .person-detail-page .table tbody tr { border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-transactions-index #main-content .tx-asset-link { color: #d49a7b !important; background: #252527 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.app-view-transactions-index #main-content .tx-asset-link:hover { color: #f5f5f5 !important; background: #3a3a3d !important; border-color: #b2b4ba !important; } /* Transaction editor: theme every surface, including the expanded loan panels. */ html[data-money-theme="dark"] body.money-subpage :is(.transaction-type-option__icon,.transaction-card-icon--blue,.transaction-related-card__icon,.transaction-split-notice > span,.iou-explainer > span) { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .transaction-type-option input:checked + .transaction-type-option__surface .transaction-type-option__icon { background: #252527 !important; color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .transaction-money-input > span { background: #252527 !important; border-color: #3a3a3d !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage :is(.transaction-related-card__body,.iou-mode-option > span) { background: #1c1c1e !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .iou-mode-option > input:checked + span { background: #252527 !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .iou-explainer { background: #252527 !important; border-color: #3a3a3d !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage .transaction-file-input:hover { background: #252527 !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .transaction-related-card.is-enabled { border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .transaction-related-card .form-check-input:not(:checked) { background-color: #1c1c1e !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239baec8'/%3E%3C/svg%3E") !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage .transaction-related-card .form-check-input:checked { background-color: #d49a7b !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .transaction-form-errors { background: #3e2737; border-color: #704353; color: #ffb6c0; } html[data-money-theme="dark"] body.money-subpage .transaction-form-errors__icon { background: #563044; } html[data-money-theme="dark"] body.money-subpage .transaction-form-shell :is(.form-control:focus,.form-select:focus,.select2-container--focus .select2-selection,.select2-container--open .select2-selection) { border-color: #d49a7b !important; outline: 2px solid #d49a7b; outline-offset: 2px; } html[data-money-theme="dark"] body.money-subpage .transaction-form-shell :is(.form-control.is-invalid,.form-select.is-invalid,.is-invalid + .select2 .select2-selection) { border-color: #ff9aa7 !important; } html[data-money-theme="dark"] body.money-subpage .transaction-form-shell .invalid-feedback { color: #ffb6c0; } /* Secondary surfaces in modules, portfolio history, reports and security. */ html[data-money-theme="dark"] body.money-subpage :is(.module-plan-card,.module-picker-actions,.admin-date,.admin-module,.admin-users,.monthly-donut > div) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage :is(.module-plan-icon,.holdings-history-ranges,.ml-u-09c7202aaf) { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] body.money-subpage .module-plan-option > input:checked + .module-plan-card { background: #252527 !important; border-color: #d49a7b !important; } html[data-money-theme="dark"] body.money-subpage .holdings-history-ranges button.active { background: #252527 !important; color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage :is(.holdings-table-card tfoot td,.ml-u-cd145a9b1a) { background: #252527 !important; color: #b2b4ba !important; } html[data-money-theme="dark"] body.money-subpage .app-validation-summary { background: #3e2737 !important; color: #ffb6c0 !important; border-color: #704353 !important; } html[data-money-theme="dark"] body.money-subpage .admin-module-access { background: #252527 !important; color: #f5f5f5 !important; border-color: #3a3a3d !important; } html[data-money-theme="dark"] .app-shell-money .home-score-ring { background: conic-gradient(#d49a7b calc(var(--score) * 1%), #252527 0); } html[data-money-theme="dark"] .app-shell-money .home-score-ring::before { background: #252527; } html[data-money-theme="dark"] body.money-subpage #main-content :is(.ml-u-c9fb82b7f0,.ml-u-e0139deba0,.ml-u-4a2a4075cc,.ml-u-eb438a6d3c,.ml-u-0bab87ff40) { color: #f5f5f5 !important; } html[data-money-theme="dark"] body.money-subpage #main-content h3 { color: #f5f5f5; } html[data-money-theme="dark"] body.app-view-investment-holdings-purchases #main-content td strong, html[data-money-theme="dark"] body.app-view-import-rules-edit #main-content strong, html[data-money-theme="dark"] body.app-view-assets-index #main-content b { color: #f5f5f5; } html[data-money-theme="dark"] body.app-view-assets-show #main-content .asset-show-panel-head > b { background: #252527; color: #f5f5f5; } html[data-money-theme="dark"] body.money-subpage #main-content .badge.bg-warning.text-dark { color: #342509 !important; }