btcpayserver/BTCPayServer/wwwroot/main/themes/classic.css

131 lines
4.6 KiB
CSS
Raw Normal View History

2019-11-01 15:45:59 +01:00
:root {
2019-11-08 16:59:07 +01:00
/* General color definitions */
--btcpay-brand-light: #CEDC21;
--btcpay-brand-secondary: #51B13E;
--btcpay-brand-tertiary: #137547;
--btcpay-brand-dark: #0F3B21;
2019-11-08 16:59:07 +01:00
--btcpay-brand-darkest: #05120a;
2019-11-01 15:45:59 +01:00
/* Color definitions for specific purposes - map the general colors or define additional ones */
2019-11-08 16:59:07 +01:00
--btcpay-color-white: #fff;
--btcpay-color-black: #000;
2019-11-01 15:45:59 +01:00
--btcpay-color-neutral-100: #f8f9fa;
--btcpay-color-neutral-200: #e9ecef;
--btcpay-color-neutral-300: #dee2e6;
--btcpay-color-neutral-400: #ced4da;
--btcpay-color-neutral-500: #adb5bd;
--btcpay-color-neutral-600: #6c757d;
--btcpay-color-neutral-700: #495057;
--btcpay-color-neutral-800: #343a40;
--btcpay-color-neutral-900: #212529;
2020-04-05 19:18:47 +02:00
--btcpay-color-primary: #329f80;
--btcpay-color-primary-backdrop: rgba(81, 173, 147, 0.25);
--btcpay-color-primary-accent: #267861;
--btcpay-color-primary-text: #267861;
--btcpay-color-secondary: var(--btcpay-color-neutral-600);
--btcpay-color-secondary-backdrop: rgba(130, 138, 145, 0.25);
2019-11-08 16:59:07 +01:00
--btcpay-color-secondary-accent: var(--btcpay-color-neutral-800);
2020-04-05 19:18:47 +02:00
--btcpay-color-secondary-text: var(--btcpay-color-neutral-800);
--btcpay-color-success: #329f80;
--btcpay-color-success-backdrop: rgba(72, 180, 97, 0.25);
2019-11-08 16:59:07 +01:00
--btcpay-color-success-accent: #1e7e34;
2020-04-05 19:18:47 +02:00
--btcpay-color-success-text: #1e7e34;
--btcpay-color-info: #17a2b8;
--btcpay-color-info-backdrop: rgba(58, 176, 195, 0.25);
2019-11-08 16:59:07 +01:00
--btcpay-color-info-accent: #117a8b;
2020-04-05 19:18:47 +02:00
--btcpay-color-info-text: #117a8b;
--btcpay-color-warning: #ffc107;
2020-04-05 19:18:47 +02:00
--btcpay-color-warning-backdrop: rgba(255, 193, 7, 0.25);
--btcpay-color-warning-accent: #d39e00;
2020-04-05 19:18:47 +02:00
--btcpay-color-warning-text: var(--btcpay-color-neutral-700);
--btcpay-color-danger: #dc3545;
--btcpay-color-danger-backdrop: rgba(225, 83, 97, 0.25);
2019-11-08 16:59:07 +01:00
--btcpay-color-danger-accent: #bd2130;
2020-04-05 19:18:47 +02:00
--btcpay-color-danger-text: #bd2130;
2019-11-15 13:05:00 +01:00
--btcpay-color-light: var(--btcpay-color-neutral-200);
--btcpay-color-light-backdrop: var(--btcpay-color-neutral-200);
--btcpay-color-light-accent: var(--btcpay-color-neutral-100);
2020-04-05 19:18:47 +02:00
--btcpay-color-light-text: var(--btcpay-color-neutral-800);
2019-11-15 13:05:00 +01:00
--btcpay-color-dark: var(--btcpay-color-neutral-800);
--btcpay-color-dark-backdrop: var(--btcpay-color-neutral-800);
--btcpay-color-dark-accent: var(--btcpay-color-neutral-900);
2020-04-05 19:18:47 +02:00
--btcpay-color-dark-text: var(--btcpay-color-neutral-200);
2019-11-02 16:57:53 +01:00
2019-11-08 16:59:07 +01:00
/* Color definitions for specific sections - try to reuse colors defined above */
--btcpay-bg-dark: var(--btcpay-brand-dark);
2019-11-02 16:57:53 +01:00
--btcpay-bg-tile: var(--btcpay-color-white);
--btcpay-bg-cta: var(--btcpay-bg-dark);
Wallet setup redesign (#2164) * Prepare existing layouts and views * Add icon view component and sprite svg * Add wallet setup basics * Add import method view basics * Use external sprite file instead of inline svg * Refactor hardware wallet setup flow * Manually enter an xpub * Prepare other views * Update views and models * Finalize wallet setup flow * Updat tests, part 1 * Update tests, part 2 * Vaul: Fix missing retry button * Add better Scan QR subtext Still tbd. * Make wallet account an advanced setting * Prevent empty xpub * Use textarea for seed input * Remove redundant error message for missing file upload * Confirm store updates after generating a new wallet * Update wording * Modify existing wallets * Fix proposed method name * Suggest using ColdCard Electrum export option only Advise the user to use the electrum export of the coldcard instead of saying either electrum or wasabi export file … the electurm one contains more info, e.g. the wasabi one doesn't include the account key path. * More concise WalletSetupMethod setting * Test fix * Update wallet removal code * Fix back navigation quirk in change wallet case * Fix behaviour on wallet enable/disable * Fix initial wallet setup * Improve modify view and messages * Test fixes * Seed import fix Uses the correct form url for confirming addresses * Quickfixes from design meeting * Add enable toggle switch on modify page * Confirm wallet removal * Update setup view * Update import view * Icon finetuning * Improve import options page * Refactor QR code scanner Allow for usage with and without modal * Update copy and instructions on import pages * Split generate options: Hot wallet and watch-only * Implement hot wallet options correctly * Minor test changes * Navbar improvements * Fix tables * Fix badge color * Routing related updates Thanks @kukks for the suggestions! * Wording updates Thanks @kukks for the suggestions! * Extend address types table for xpub import Thanks @kukks for the suggestions! * Rename controller * Unify precondition checks * Improve removal warning for hot wallets * Add tooltip on why seed import is not recommended * Add tooltip icon * Add Specter import info
2021-02-11 11:48:54 +01:00
--btcpay-body-bg: var(--btcpay-color-neutral-100);
2019-11-02 16:57:53 +01:00
--btcpay-body-color: var(--btcpay-color-neutral-900);
--btcpay-body-color-link: var(--btcpay-color-primary);
--btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
2019-11-01 15:45:59 +01:00
--btcpay-header-bg: var(--btcpay-bg-dark);
--btcpay-header-color: var(--btcpay-color-white);
--btcpay-header-color-link: var(--btcpay-color-white);
2021-03-19 11:01:15 +01:00
--btcpay-header-color-link-accent: var(--btcpay-color-neutral-300);
--btcpay-header-color-link-active: var(--btcpay-color-neutral-300);
Wallet setup redesign (#2164) * Prepare existing layouts and views * Add icon view component and sprite svg * Add wallet setup basics * Add import method view basics * Use external sprite file instead of inline svg * Refactor hardware wallet setup flow * Manually enter an xpub * Prepare other views * Update views and models * Finalize wallet setup flow * Updat tests, part 1 * Update tests, part 2 * Vaul: Fix missing retry button * Add better Scan QR subtext Still tbd. * Make wallet account an advanced setting * Prevent empty xpub * Use textarea for seed input * Remove redundant error message for missing file upload * Confirm store updates after generating a new wallet * Update wording * Modify existing wallets * Fix proposed method name * Suggest using ColdCard Electrum export option only Advise the user to use the electrum export of the coldcard instead of saying either electrum or wasabi export file … the electurm one contains more info, e.g. the wasabi one doesn't include the account key path. * More concise WalletSetupMethod setting * Test fix * Update wallet removal code * Fix back navigation quirk in change wallet case * Fix behaviour on wallet enable/disable * Fix initial wallet setup * Improve modify view and messages * Test fixes * Seed import fix Uses the correct form url for confirming addresses * Quickfixes from design meeting * Add enable toggle switch on modify page * Confirm wallet removal * Update setup view * Update import view * Icon finetuning * Improve import options page * Refactor QR code scanner Allow for usage with and without modal * Update copy and instructions on import pages * Split generate options: Hot wallet and watch-only * Implement hot wallet options correctly * Minor test changes * Navbar improvements * Fix tables * Fix badge color * Routing related updates Thanks @kukks for the suggestions! * Wording updates Thanks @kukks for the suggestions! * Extend address types table for xpub import Thanks @kukks for the suggestions! * Rename controller * Unify precondition checks * Improve removal warning for hot wallets * Add tooltip on why seed import is not recommended * Add tooltip icon * Add Specter import info
2021-02-11 11:48:54 +01:00
--btcpay-wizard-bg: var(--btcpay-body-bg);
--btcpay-wizard-color: var(--btcpay-body-color);
--btcpay-footer-bg: var(--btcpay-bg-dark);
--btcpay-footer-color: var(--btcpay-color-neutral-400);
2019-11-14 21:10:17 +01:00
--btcpay-bg-nav-link-active: #d9f7ef;
--btcpay-preformatted-text-color: var(--btcpay-color-neutral-900);
--btcpay-font-size-base: 14px;
2019-11-01 15:45:59 +01:00
--btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
2019-11-14 21:10:17 +01:00
--btcpay-font-family-base: 'Helvetica Neue', Arial, sans-serif;
2019-11-02 16:57:53 +01:00
--btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
2019-11-01 15:45:59 +01:00
/* Bootstrap modifications */
.bg-dark {
background-color: var(--btcpay-bg-dark) !important;
}
.table-sm {
margin: 1.5rem 0;
2019-11-14 21:10:17 +01:00
background: var(--btcpay-color-white);
border: 1px solid var(--btcpay-color-neutral-300);
border-radius: 4px;
border-collapse: separate !important;
border-spacing: 0px !important;
}
.table-sm thead > tr {
height: 40px;
}
.table-sm thead th {
border-bottom: none;
border-top: none;
font-size: 1.0rem;
}
.table-sm th,
.table-sm td {
2019-11-14 21:10:17 +01:00
padding: 8px 12px;
vertical-align: middle;
font-size: 0.92rem;
}
.table-sm tbody tr:hover {
background-color: var(--btcpay-color-neutral-100);
}
.removetopborder tr:first-child th,
.removetopborder tr:first-child td {
border-top: none;
}
#mainNav.sticky-top {
background: var(--btcpay-color-white);
}