@arkecosystem/desktop-wallet-theme-dark-contrast
Version:
135 lines (119 loc) • 4.54 kB
CSS
.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) ;
}
.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 ;
}
.theme-dark-contrast .a:hover {
color: #73ccff ;
}
.theme-dark-contrast .text-green {
color: #2df761 ;
}
.theme-dark-contrast .text-red {
color: #f54347 ;
}
.theme-dark-contrast .text-orange-dark {
color: #fe952f ;
}
.theme-dark-contrast button:disabled {
color: #838a9b;
}
.theme-dark-contrast .modal-backdrop {
background-color: rgba(255, 255, 255, 0.3);
}