html:not(.light-theme):not([data-theme="light"]) body:not(.light-mode):not([data-theme="light"]) {
  --readable-text: #f7f8fa;
  --readable-muted: #e2e7ef;
  color: var(--readable-text);
  --text: var(--readable-text) !important;
  --text2: var(--readable-muted) !important;
  --text3: var(--readable-muted) !important;
  --text-muted: var(--readable-muted) !important;
  --c-text: var(--readable-text) !important;
  --c-text2: var(--readable-muted) !important;
  --c-text3: var(--readable-muted) !important;
  --public-text: var(--readable-text) !important;
  --public-text-muted: var(--readable-muted) !important;
  --bs-secondary-color: var(--readable-muted) !important;
  --bs-tertiary-color: var(--readable-muted) !important;
}

html:not(.light-theme):not([data-theme="light"]) body:not(.light-mode):not([data-theme="light"]) #tabQueue {
  --queue-muted: var(--readable-muted) !important;
}

html:not(.light-theme):not([data-theme="light"]) body:not(.light-mode):not([data-theme="light"]) :is(
  .text-muted, .text-secondary, .text-black-50, .text-white-50,
  .cd-dialog-msg, .cd-prompt-hint, .settings-hint, .empty-state,
  .provider-filter-pill, .provider-badge, .badge-neutral, .storage-bar-label,
  .login-subtitle, .qac-meta-line, .card-subtitle, .card .card-body p.mb-0,
  .spa-download-security, .spa-download-preview-placeholder, .spa-download-filename,
  .spa-download-meta-item, .spa-download-file-size, .spa-download-state
) {
  color: var(--readable-muted) !important;
}

html:not(.light-theme):not([data-theme="light"]) body:not(.light-mode):not([data-theme="light"]) :is(input, textarea)::placeholder {
  color: var(--readable-muted) !important;
  opacity: 1;
}

html:not(.light-theme):not([data-theme="light"]) body:not(.light-mode):not([data-theme="light"]) :is(.breadcrumb-sep, .cd-bc-sep) {
  color: var(--readable-muted);
  opacity: 1;
}

body.app.dark-mode .apexcharts-text {
  fill: var(--readable-muted) !important;
}

body.app.dark-mode :is(.apexcharts-legend-text, .apexcharts-tooltip, .apexcharts-tooltip-title, .apexcharts-xaxistooltip, .apexcharts-yaxistooltip) {
  color: var(--readable-muted) !important;
}

body.app.dark-mode :is(.apexcharts-tooltip, .apexcharts-tooltip-title, .apexcharts-xaxistooltip, .apexcharts-yaxistooltip) {
  background: var(--surface2) !important;
  border-color: var(--border2) !important;
}

[data-public-shell], [data-my-transfers-root] {
  --public-text: #f7f8fa !important;
  --public-text-muted: #e2e7ef !important;
}

body.app.light-mode :is(.cd-dialog-msg, .cd-prompt-hint) {
  color: #434b5a;
}