mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-02-28 16:58:00 +01:00
Code Issues Projects Releases Packages Wiki Activity
btcpayserver/BTCPayServer/wwwroot/main/themes/casa.css

120 lines
4.3 KiB
CSS
Raw Normal View History

Add Casa theme draft
2019-11-02 16:57:53 +01:00
:root {
Finetune color settings fix
2019-11-08 16:59:07 +01:00
/* General color definitions */
Updates from design system (#1519) * Use variable names as defined in the design system * Use bootstrao version from design system
2020-04-28 17:48:55 +02:00
--btcpay-brand-light: #B498FF;
--btcpay-brand-secondary: #8064ef;
--btcpay-brand-tertiary: #321a6e;
--btcpay-brand-dark: #19154B;
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--btcpay-brand-darkest: #02000C;
Document themeing approach Sums up and adds to the comments made in #1175. I wasn't sure where to put these kinds of docs, as tehy are code related and not end user facing. Let's discuss whether or not this fits in here or should become part of the docs repo. fix
2019-11-22 22:58:51 +01:00
/* Color definitions for specific purposes - map the general colors or define additional ones */
Updates from design system (#1519) * Use variable names as defined in the design system * Use bootstrao version from design system
2020-04-28 17:48:55 +02:00
--btcpay-color-white: #fff;
--btcpay-color-black: #000;
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--btcpay-color-neutral-100: #F3F1FF;
--btcpay-color-neutral-200: #DCD7FC;
--btcpay-color-neutral-300: #CDC6F3;
--btcpay-color-neutral-400: #AEA7D7;
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-neutral-500: #7a72a0;
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--btcpay-color-neutral-600: #8880ad;
--btcpay-color-neutral-700: #49308b;
--btcpay-color-neutral-800: #181334;
--btcpay-color-neutral-900: #100d20;
Updates from design system (#1519) * Use variable names as defined in the design system * Use bootstrao version from design system
2020-04-28 17:48:55 +02:00
--btcpay-color-primary: var(--btcpay-brand-secondary);
Improve color handling
2020-04-05 19:18:47 +02:00
--btcpay-color-primary-backdrop: #baa4fd;
--btcpay-color-primary-accent: #4b3bc0;
--btcpay-color-primary-text: #4b3bc0;
Rename alpha theme variables to backdrop
2019-11-08 14:37:10 +01:00
--btcpay-color-secondary: var(--btcpay-color-neutral-600);
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-secondary-backdrop: var(--btcpay-color-neutral-100);
--btcpay-color-secondary-accent: var(--btcpay-color-neutral-500);
Finetune colors (#1514) * Better harmonic neutral color progression fix * Invert light/dark colors for dark theme fix * Lighten form control borders a bit * Use correct text color variables
2020-04-27 16:57:18 +02:00
--btcpay-color-secondary-text: var(--btcpay-color-neutral-400);
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-success: #25933d;
--btcpay-color-success-backdrop: #c3e6cb;
--btcpay-color-success-accent: #137929;
Improve color handling
2020-04-05 19:18:47 +02:00
--btcpay-color-success-text: #137929;
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-info: #0698c9;
--btcpay-color-info-backdrop: #c0eefe;
--btcpay-color-info-accent: #0698c9;
Improve color handling
2020-04-05 19:18:47 +02:00
--btcpay-color-info-text: #0698c9;
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-warning: #e5ac00;
--btcpay-color-warning-backdrop: #ffeeba;
--btcpay-color-warning-accent: #e5ac00;
Improve color handling
2020-04-05 19:18:47 +02:00
--btcpay-color-warning-text: #e5ac00;
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-danger: #bd2130;
Rename alpha theme variables to backdrop
2019-11-08 14:37:10 +01:00
--btcpay-color-danger-backdrop: #EDA1B0;
Finetune color settings fix
2019-11-08 16:59:07 +01:00
--btcpay-color-danger-accent: #bd2130;
Improve color handling
2020-04-05 19:18:47 +02:00
--btcpay-color-danger-text: #bd2130;
Finetune colors (#1514) * Better harmonic neutral color progression fix * Invert light/dark colors for dark theme fix * Lighten form control borders a bit * Use correct text color variables
2020-04-27 16:57:18 +02:00
--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);
Add Casa theme draft
2019-11-02 16:57:53 +01:00
Finetune color settings fix
2019-11-08 16:59:07 +01:00
/* Color definitions for specific sections - try to reuse colors defined above */
Updates from design system (#1519) * Use variable names as defined in the design system * Use bootstrao version from design system
2020-04-28 17:48:55 +02:00
--btcpay-bg-dark: var(--btcpay-brand-dark);
--btcpay-bg-tile: var(--btcpay-brand-tertiary);
--btcpay-bg-cta: var(--btcpay-brand-tertiary);
Add Casa theme draft
2019-11-02 16:57:53 +01:00
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-brand-darkest);
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--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);
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-header-bg: var(--btcpay-brand-dark);
--btcpay-wizard-bg: var(--btcpay-body-bg);
--btcpay-wizard-color: var(--btcpay-body-color);
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--btcpay-nav-color-link-accent: var(--btcpay-color-neutral-100);
--btcpay-footer-bg: var(--btcpay-brand-darkest);
Footer updates
2020-04-05 13:54:10 +02:00
--btcpay-footer-color: var(--btcpay-color-neutral-600);
Add CSS variable for preformatted text color fix #1169
2019-11-18 20:21:36 -08:00
--btcpay-preformatted-text-color: var(--btcpay-color-white);
Add Casa theme draft
2019-11-02 16:57:53 +01:00
--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,
Casa theme color fixes
2019-11-06 08:45:31 +01:00
.head-logo,
Add Casa theme draft
2019-11-02 16:57:53 +01:00
.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;
}
Fix 2FA config screens
2020-07-13 08:13:27 +02:00
.list-group-item-action {
color: var(--btcpay-body-color);
}
Reference in a new issue Copy permalink