.theme-dark-contrast {
  --theme-page: #23252c;
  --theme-page-text: #e8fff3;
  --theme-page-text-light: #f8fcff;
  --theme-page-instructions-text: #ffffff;
  --theme-page-instructions-background: rgba(255,255,255,0.2);
  --theme-modal: #23252c;

  --theme-header-text: #a8afd3;
  --theme-caption-text: #d7d9e7;
  --theme-caption-read: #787fa3;
  --theme-announcements-gradient-1: rgba(45,47,56,0);
  --theme-announcements-gradient-2: rgba(45,47,56,0.95);

  --theme-line-separator: #585c6f;
  --theme-wallet-overview-border: #232425;

  --theme-table-row-hover: #2a2b31;
  --theme-transaction-sent: #4b3944;
  --theme-transaction-sent-arrow: #f95c51;
  --theme-transaction-received: #2d3f3b;
  --theme-transaction-received-arrow: #63b873;
  --theme-send-circle-second-signature: #6c5494;
  --theme-send-circle-second-signature-text: #3b2d54;
  --theme-send-circle-register-delegate: #d24562;
  --theme-send-circle-register-delegate-text: #ffffff;
  --theme-send-circle-vote: #e393a6;
  --theme-send-circle-vote-text: #954458;
  --theme-transaction-detail-gradient1: #46466b;
  --theme-transaction-detail-gradient2: #343a53;
  --theme-transaction-detail-arrow: #4d536c;

  --theme-wallet-new-selected: #787fa3;
  --theme-wallet-new-unselected: #585c6f;
  --theme-wallet-sign-verify-message-text: #585c6f;
  --theme-wallet-grid-shadow: 0 5px 30px rgba(0,0,0, 0.15);

  --theme-feature: #2d2f38;
  --theme-feature-item-text: #9a9eba;
  --theme-feature-item-hover: #403645;
  --theme-feature-item-alternative: #363844;
  --theme-feature-item-alternative-text: #adb4c3;
  --theme-feature-item-selected: #403645; /* TODO: same as hover */
  --theme-feature-item-selected-text: #f6797a;
  --theme-feature-item-indicator: #f03643;

  --theme-button-special-choice: #e78068;

  --theme-heading-background: #31333d;
  --theme-heading-text: #c0cddf;
  --theme-chart-price: white;
  --theme-chart-background: #373a43;

  --theme-button: #585c6d;
  --theme-button-text: #c1cefa;
  --theme-button-light: #4e5477;
  --theme-button-light-text: #8795a1;
  --theme-button-inner-box: #333645;
  --theme-action-button: #393b4a;
  --theme-action-button-text: #ccc1c6;
  --theme-action-button-text-hover: #a9b3df;
  --theme-option-button: #383c4d;
  --theme-option-button-hover: #cc5e60;
  --theme-option-button-text: #5b627c;
  --theme-switch-button: #888c8d;
  --theme-option-heading-button: #3d456d;
  --theme-option-heading-button-hover: #cc5e60;
  --theme-option-heading-button-text: #8894cf;
  --theme-input-toggle-choice: #b3b6c4;
  --theme-input-toggle-choice-text: #1c2136;
  --theme-input-field-border: #585c6f;
  --theme-modal-footer-button: #e7d28e;
  --theme-modal-footer-button-text: #b3a36f;

  /* FIXME announcements close button SVG */

  --theme-explanation-background: #363844;
  --theme-explanation-text: #707698;

  --theme-settings: #343956;
  --theme-settings-hover: #3a4060;
  --theme-settings-sub: #3f4565;
  --theme-settings-button: #4e5477;
  --theme-settings-heading: #a8acbe;
  --theme-settings-border: #444a6d;
  --theme-settings-text: #a6add5;
  --theme-settings-text-hover: #b3bbe8;
  --theme-settings-switch: #414767;
  --theme-settings-control-title: #dae1e7;

  --theme-voting-banner-background: #363844;
  --theme-voting-banner-text: #707698;
  --theme-voting-banner-button: #23252c;
  --theme-voting-banner-button-hover: #2a2b31;
  --theme-voting-banner-button-text: #787fa3;
  --theme-voting-banner-button-text-hover: #787fa3;

  --theme-fee-gradient-start: var(--theme-modal);
  --theme-fee-gradient-end: rgba(0,124,255,0.20);
  --theme-fee-handler-outside: var(--theme-button-text);
  --theme-fee-handler-inside: var(--theme-modal);
  --theme-fee-range-track: var(--theme-page-text-light);
  --theme-fee-range-track-active: var(--theme-button-text);
}

#app.theme-dark-contrast {
  --theme-error: rgb(255, 107, 136) !important;
}

.theme-dark-contrast .text-blue,
.theme-dark-contrast a,
.theme-dark-contrast .WalletButton__create .rounded-full,
.theme-dark-contrast .WalletButton__import .rounded-full,
.theme-dark-contrast .WalletButton__load-ledger-wallets .rounded-full {
  color: #70f0ff !important;
}
.theme-dark-contrast .a:hover {
  color: #73ccff !important;
}
.theme-dark-contrast .text-green {
  color: #2df761 !important;
}
.theme-dark-contrast .text-red {
  color: #f54347 !important;
}
.theme-dark-contrast .text-orange-dark {
  color: #fe952f !important;
}
.theme-dark-contrast button:disabled {
  color: #838a9b;
}
.theme-dark-contrast .modal-backdrop {
  background-color: rgba(255, 255, 255, 0.3);
}