mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-28 16:58:00 +01:00
f4fa7c927c
* 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
119 lines
4.3 KiB
CSS
119 lines
4.3 KiB
CSS
:root {
|
|
/* General color definitions */
|
|
--btcpay-brand-light: #B498FF;
|
|
--btcpay-brand-secondary: #8064ef;
|
|
--btcpay-brand-tertiary: #321a6e;
|
|
--btcpay-brand-dark: #19154B;
|
|
--btcpay-brand-darkest: #02000C;
|
|
|
|
/* Color definitions for specific purposes - map the general colors or define additional ones */
|
|
--btcpay-color-white: #fff;
|
|
--btcpay-color-black: #000;
|
|
|
|
--btcpay-color-neutral-100: #F3F1FF;
|
|
--btcpay-color-neutral-200: #DCD7FC;
|
|
--btcpay-color-neutral-300: #CDC6F3;
|
|
--btcpay-color-neutral-400: #AEA7D7;
|
|
--btcpay-color-neutral-500: #7a72a0;
|
|
--btcpay-color-neutral-600: #8880ad;
|
|
--btcpay-color-neutral-700: #49308b;
|
|
--btcpay-color-neutral-800: #181334;
|
|
--btcpay-color-neutral-900: #100d20;
|
|
|
|
--btcpay-color-primary: var(--btcpay-brand-secondary);
|
|
--btcpay-color-primary-backdrop: #baa4fd;
|
|
--btcpay-color-primary-accent: #4b3bc0;
|
|
--btcpay-color-primary-text: #4b3bc0;
|
|
--btcpay-color-secondary: var(--btcpay-color-neutral-600);
|
|
--btcpay-color-secondary-backdrop: var(--btcpay-color-neutral-100);
|
|
--btcpay-color-secondary-accent: var(--btcpay-color-neutral-500);
|
|
--btcpay-color-secondary-text: var(--btcpay-color-neutral-400);
|
|
--btcpay-color-success: #25933d;
|
|
--btcpay-color-success-backdrop: #c3e6cb;
|
|
--btcpay-color-success-accent: #137929;
|
|
--btcpay-color-success-text: #137929;
|
|
--btcpay-color-info: #0698c9;
|
|
--btcpay-color-info-backdrop: #c0eefe;
|
|
--btcpay-color-info-accent: #0698c9;
|
|
--btcpay-color-info-text: #0698c9;
|
|
--btcpay-color-warning: #e5ac00;
|
|
--btcpay-color-warning-backdrop: #ffeeba;
|
|
--btcpay-color-warning-accent: #e5ac00;
|
|
--btcpay-color-warning-text: #e5ac00;
|
|
--btcpay-color-danger: #bd2130;
|
|
--btcpay-color-danger-backdrop: #EDA1B0;
|
|
--btcpay-color-danger-accent: #bd2130;
|
|
--btcpay-color-danger-text: #bd2130;
|
|
--btcpay-color-light: var(--btcpay-color-neutral-700);
|
|
--btcpay-color-light-backdrop: var(--btcpay-color-neutral-700);
|
|
--btcpay-color-light-accent: var(--btcpay-color-neutral-500);
|
|
--btcpay-color-light-text: var(--btcpay-color-neutral-200);
|
|
--btcpay-color-dark: var(--btcpay-color-neutral-200);
|
|
--btcpay-color-dark-backdrop: var(--btcpay-color-neutral-200);
|
|
--btcpay-color-dark-accent: var(--btcpay-color-neutral-400);
|
|
--btcpay-color-dark-text: var(--btcpay-color-neutral-800);
|
|
|
|
/* Color definitions for specific sections - try to reuse colors defined above */
|
|
--btcpay-bg-dark: var(--btcpay-brand-dark);
|
|
--btcpay-bg-tile: var(--btcpay-brand-tertiary);
|
|
--btcpay-bg-cta: var(--btcpay-brand-tertiary);
|
|
|
|
--btcpay-body-bg: var(--btcpay-brand-darkest);
|
|
--btcpay-body-color: var(--btcpay-color-neutral-100);
|
|
--btcpay-body-color-link: var(--btcpay-color-primary);
|
|
--btcpay-body-color-link-accent: var(--btcpay-color-primary-accent);
|
|
|
|
--btcpay-header-bg: var(--btcpay-brand-dark);
|
|
|
|
--btcpay-wizard-bg: var(--btcpay-body-bg);
|
|
--btcpay-wizard-color: var(--btcpay-body-color);
|
|
|
|
--btcpay-nav-color-link-accent: var(--btcpay-color-neutral-100);
|
|
|
|
--btcpay-footer-bg: var(--btcpay-brand-darkest);
|
|
--btcpay-footer-color: var(--btcpay-color-neutral-600);
|
|
|
|
--btcpay-preformatted-text-color: var(--btcpay-color-white);
|
|
|
|
--btcpay-font-size-base: 16px;
|
|
--btcpay-font-family-head: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
--btcpay-font-family-base: -apple-system, 'Open Sans', BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
--btcpay-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
}
|
|
|
|
/* Bootstrap modifications */
|
|
body {
|
|
background: linear-gradient(var(--btcpay-header-bg), var(--btcpay-footer-bg));
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
.logo,
|
|
.head-logo,
|
|
.social-logo {
|
|
filter: contrast(0) brightness(200%);
|
|
}
|
|
|
|
.bg-dark {
|
|
background-color: var(--btcpay-bg-dark) !important;
|
|
}
|
|
|
|
#mainNav {
|
|
background: var(--btcpay-header-bg) !important;
|
|
}
|
|
|
|
header.masthead::before,
|
|
.service-box img {
|
|
filter: hue-rotate(100deg) opacity(60%) contrast(125%);
|
|
}
|
|
|
|
.table {
|
|
margin: 1.5rem 0 3rem;
|
|
}
|
|
|
|
.table th {
|
|
border-top: 0;
|
|
}
|
|
|
|
.list-group-item-action {
|
|
color: var(--btcpay-body-color);
|
|
}
|