2020-04-06 10:28:54 +02:00
|
|
|
@import 'default.css';
|
|
|
|
|
|
|
|
|
|
/* Dark theme overrides */
|
|
|
|
|
:root {
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-neutral-100: var(--btcpay-neutral-dark-100);
|
|
|
|
|
--btcpay-neutral-200: var(--btcpay-neutral-dark-200);
|
|
|
|
|
--btcpay-neutral-300: var(--btcpay-neutral-dark-300);
|
|
|
|
|
--btcpay-neutral-400: var(--btcpay-neutral-dark-400);
|
|
|
|
|
--btcpay-neutral-500: var(--btcpay-neutral-dark-500);
|
|
|
|
|
--btcpay-neutral-600: var(--btcpay-neutral-dark-600);
|
|
|
|
|
--btcpay-neutral-700: var(--btcpay-neutral-dark-700);
|
|
|
|
|
--btcpay-neutral-800: var(--btcpay-neutral-dark-800);
|
|
|
|
|
--btcpay-neutral-900: var(--btcpay-neutral-dark-900);
|
|
|
|
|
--btcpay-neutral-950: #0D1117;
|
2021-08-17 19:38:58 +02:00
|
|
|
--btcpay-body-rgb: 22, 27, 34;
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-bg-dark: var(--btcpay-neutral-950);
|
2021-04-19 16:21:33 +02:00
|
|
|
--btcpay-bg-tile: var(--btcpay-bg-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-body-bg: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-body-bg-light: var(--btcpay-neutral-950);
|
|
|
|
|
--btcpay-body-bg-medium: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-body-bg-striped: var(--btcpay-neutral-800);
|
2021-08-20 12:56:24 +02:00
|
|
|
--btcpay-body-bg-hover: var(--btcpay-neutral-950);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-body-bg-active: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-body-border-light: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-body-border-medium: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-body-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-form-text-label: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-header-bg: var(--btcpay-bg-dark);
|
|
|
|
|
--btcpay-header-link-active: var(--btcpay-primary);
|
|
|
|
|
--btcpay-nav-link: var(--btcpay-neutral-500);
|
|
|
|
|
--btcpay-nav-link-accent: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-nav-link-active: var(--btcpay-white);
|
2021-04-19 16:21:33 +02:00
|
|
|
--btcpay-footer-bg: var(--btcpay-bg-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-footer-text: var(--btcpay-neutral-600);
|
|
|
|
|
--btcpay-footer-link: var(--btcpay-neutral-600);
|
|
|
|
|
--btcpay-footer-link-accent: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-pre-bg: var(--btcpay-bg-dark);
|
2021-08-17 19:38:58 +02:00
|
|
|
--btcpay-secondary: transparent;
|
|
|
|
|
--btcpay-secondary-text-hover: var(--btcpay-primary);
|
|
|
|
|
--btcpay-secondary-text-active: var(--btcpay-primary);
|
|
|
|
|
--btcpay-secondary-border: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-secondary-border-hover: var(--btcpay-neutral-600);
|
|
|
|
|
--btcpay-secondary-border-active: var(--btcpay-neutral-500);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-light: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-light-accent: var(--btcpay-black);
|
|
|
|
|
--btcpay-light-text: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-text-hover: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-text-active: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-bg-hover: var(--btcpay-light-accent);
|
|
|
|
|
--btcpay-light-bg-active: var(--btcpay-light-accent);
|
|
|
|
|
--btcpay-light-border: var(--btcpay-light);
|
|
|
|
|
--btcpay-light-border-hover: var(--btcpay-light-bg-hover);
|
|
|
|
|
--btcpay-light-border-active: var(--btcpay-light-bg-active);
|
|
|
|
|
--btcpay-light-dim-bg: var(--btcpay-neutral-950);
|
|
|
|
|
--btcpay-light-dim-bg-striped: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-light-dim-bg-hover: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-light-dim-bg-active: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-light-dim-border: var(--btcpay-light-dim-bg);
|
|
|
|
|
--btcpay-light-dim-border-active: var(--btcpay-light-dim-bg-active);
|
|
|
|
|
--btcpay-light-dim-text: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-dim-text-striped: var(--btcpay-light-dim-text);
|
|
|
|
|
--btcpay-light-dim-text-hover: var(--btcpay-light-dim-text);
|
|
|
|
|
--btcpay-light-dim-text-active: var(--btcpay-neutral-100);
|
|
|
|
|
--btcpay-light-shadow: rgba(66, 70, 73, 0.33);
|
2021-08-17 19:38:58 +02:00
|
|
|
--btcpay-light-rgb: 33, 38, 45;
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-dark: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-dark-accent: var(--btcpay-neutral-400);
|
|
|
|
|
--btcpay-dark-text: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-dark-text-hover: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-dark-text-active: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-dark-bg-hover: var(--btcpay-dark-accent);
|
|
|
|
|
--btcpay-dark-bg-active: var(--btcpay-dark-accent);
|
|
|
|
|
--btcpay-dark-border: var(--btcpay-dark);
|
|
|
|
|
--btcpay-dark-border-hover: var(--btcpay-dark-bg-hover);
|
|
|
|
|
--btcpay-dark-border-active: var(--btcpay-dark-bg-active);
|
|
|
|
|
--btcpay-dark-dim-bg: var(--btcpay-white);
|
|
|
|
|
--btcpay-dark-dim-bg-striped: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-dark-dim-bg-hover: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-dark-dim-bg-active: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-dark-dim-border: var(--btcpay-dark-dim-bg);
|
|
|
|
|
--btcpay-dark-dim-border-active: var(--btcpay-dark-dim-bg-active);
|
|
|
|
|
--btcpay-dark-dim-text: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-dark-dim-text-striped: var(--btcpay-dark-dim-text);
|
|
|
|
|
--btcpay-dark-dim-text-hover: var(--btcpay-dark-dim-text);
|
|
|
|
|
--btcpay-dark-dim-text-active: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-dark-shadow: rgba(211, 212, 213, 0.33);
|
2021-08-17 19:38:58 +02:00
|
|
|
--btcpay-dark-rgb: 201, 209, 217;
|
2020-04-06 10:28:54 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.social-logo {
|
|
|
|
|
filter: contrast(0) brightness(200%);
|
|
|
|
|
}
|
