2019-11-01 15:45:59 +01:00
|
|
|
:root {
|
2019-11-08 16:59:07 +01:00
|
|
|
/* General color definitions */
|
2020-04-28 17:48:55 +02:00
|
|
|
--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
|
|
|
|
2019-11-22 22:58:51 +01:00
|
|
|
/* Color definitions for specific purposes - map the general colors or define additional ones */
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-white: #fff;
|
|
|
|
|
--btcpay-black: #000;
|
2019-11-01 15:45:59 +01:00
|
|
|
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-light-100: #f8f9fa;
|
|
|
|
|
--btcpay-light-200: #e9ecef;
|
|
|
|
|
--btcpay-light-300: #dee2e6;
|
|
|
|
|
--btcpay-light-400: #ced4da;
|
|
|
|
|
--btcpay-light-500: #adb5bd;
|
|
|
|
|
--btcpay-light-600: #6c757d;
|
|
|
|
|
--btcpay-light-700: #495057;
|
|
|
|
|
--btcpay-light-800: #343a40;
|
|
|
|
|
--btcpay-light-900: #212529;
|
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 */
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-primary-100: #c7e6c1;
|
|
|
|
|
--btcpay-primary-200: #b5dead;
|
|
|
|
|
--btcpay-primary-300: #9dd392;
|
|
|
|
|
--btcpay-primary-400: #7cc46e;
|
|
|
|
|
--btcpay-primary-500: #44a431;
|
|
|
|
|
--btcpay-primary-600: #389725;
|
|
|
|
|
--btcpay-primary-700: #2e8a1b;
|
|
|
|
|
--btcpay-primary-800: #247d12;
|
|
|
|
|
--btcpay-primary-900: #1c710b;
|
|
|
|
|
--btcpay-green-100: #b9d6b4;
|
|
|
|
|
--btcpay-green-200: #a2c89b;
|
|
|
|
|
--btcpay-green-300: #83b679;
|
|
|
|
|
--btcpay-green-400: #5a9e4d;
|
|
|
|
|
--btcpay-green-500: #247e12;
|
|
|
|
|
--btcpay-green-600: #146404;
|
|
|
|
|
--btcpay-green-700: #0e5700;
|
|
|
|
|
--btcpay-green-800: #0c4b00;
|
|
|
|
|
--btcpay-green-900: #0a3e00;
|
|
|
|
|
--btcpay-blue-100: #b5e1e8;
|
|
|
|
|
--btcpay-blue-200: #9dd7e1;
|
|
|
|
|
--btcpay-blue-300: #7ccad7;
|
|
|
|
|
--btcpay-blue-400: #51b9c9;
|
|
|
|
|
--btcpay-blue-500: #17a2b8;
|
|
|
|
|
--btcpay-blue-600: #03899e;
|
|
|
|
|
--btcpay-blue-700: #007d91;
|
|
|
|
|
--btcpay-blue-800: #007284;
|
|
|
|
|
--btcpay-blue-900: #006778;
|
|
|
|
|
--btcpay-yellow-100: #ffebb0;
|
|
|
|
|
--btcpay-yellow-200: #ffe496;
|
|
|
|
|
--btcpay-yellow-300: #ffdc73;
|
|
|
|
|
--btcpay-yellow-400: #ffd045;
|
|
|
|
|
--btcpay-yellow-500: #ffc107;
|
|
|
|
|
--btcpay-yellow-600: #e5ac00;
|
|
|
|
|
--btcpay-yellow-700: #d8a200;
|
|
|
|
|
--btcpay-yellow-800: #cc9900;
|
|
|
|
|
--btcpay-yellow-900: #bf8f00;
|
|
|
|
|
--btcpay-red-100: #ebbcb6;
|
|
|
|
|
--btcpay-red-200: #e4a59e;
|
|
|
|
|
--btcpay-red-300: #dc887e;
|
|
|
|
|
--btcpay-red-400: #d06053;
|
|
|
|
|
--btcpay-red-500: #c12c1a;
|
|
|
|
|
--btcpay-red-600: #a71705;
|
|
|
|
|
--btcpay-red-700: #9a1000;
|
|
|
|
|
--btcpay-red-800: #8e0f00;
|
|
|
|
|
--btcpay-red-900: #810d00;
|
|
|
|
|
--btcpay-purple-100: #F4F1FA;
|
|
|
|
|
--btcpay-purple-200: #E3DDF2;
|
|
|
|
|
--btcpay-purple-300: #C1B5E3;
|
|
|
|
|
--btcpay-purple-400: #957FCE;
|
|
|
|
|
--btcpay-purple-500: #7356BF;
|
|
|
|
|
--btcpay-purple-600: #574191;
|
|
|
|
|
--btcpay-purple-700: #453473;
|
|
|
|
|
--btcpay-purple-800: #2E224C;
|
|
|
|
|
--btcpay-orange-100: #FFF3EF;
|
|
|
|
|
--btcpay-orange-200: #FFE1D6;
|
|
|
|
|
--btcpay-orange-300: #FABDA5;
|
|
|
|
|
--btcpay-orange-400: #FA9269;
|
|
|
|
|
--btcpay-orange-500: #FF6937;
|
|
|
|
|
--btcpay-orange-600: #C14F29;
|
|
|
|
|
--btcpay-orange-700: #9A3F21;
|
|
|
|
|
--btcpay-orange-800: #672A16;
|
|
|
|
|
--btcpay-brown-100: #F6F0EA;
|
|
|
|
|
--btcpay-brown-200: #EBE0DB;
|
|
|
|
|
--btcpay-brown-300: #D2BBB0;
|
|
|
|
|
--btcpay-brown-400: #B18977;
|
|
|
|
|
--btcpay-brown-500: #99644C;
|
|
|
|
|
--btcpay-brown-600: #744C3A;
|
|
|
|
|
--btcpay-brown-700: #5C3C2E;
|
|
|
|
|
--btcpay-brown-800: #3D281E;
|
|
|
|
|
--btcpay-pink-100: #FFEDF9;
|
|
|
|
|
--btcpay-pink-200: #FFCEE5;
|
|
|
|
|
--btcpay-pink-300: #FFACD6;
|
|
|
|
|
--btcpay-pink-400: #FE82C2;
|
|
|
|
|
--btcpay-pink-500: #F162AF;
|
|
|
|
|
--btcpay-pink-600: #BB4183;
|
|
|
|
|
--btcpay-pink-700: #7D2457;
|
|
|
|
|
--btcpay-pink-800: #5E103E;
|
|
|
|
|
--btcpay-space-xs: 5px;
|
|
|
|
|
--btcpay-space-s: 10px;
|
|
|
|
|
--btcpay-space-m: 20px;
|
|
|
|
|
--btcpay-space-l: 40px;
|
|
|
|
|
--btcpay-space-xl: 60px;
|
|
|
|
|
--btcpay-space-xxl: 80px;
|
|
|
|
|
--btcpay-font-family-base: "Open Sans" , "Helvetica Neue" , Arial , sans-serif;
|
|
|
|
|
--btcpay-font-family-monospace: SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace;
|
|
|
|
|
--btcpay-font-size-xs: 10px;
|
|
|
|
|
--btcpay-font-size-s: 12px;
|
|
|
|
|
--btcpay-font-size-m: 14px;
|
|
|
|
|
--btcpay-font-size-l: 18px;
|
|
|
|
|
--btcpay-font-size-xl: 36px;
|
|
|
|
|
--btcpay-font-size-xxl: 45px;
|
|
|
|
|
--btcpay-font-weight-normal: 400;
|
|
|
|
|
--btcpay-font-weight-semibold: 600;
|
|
|
|
|
--btcpay-font-weight-bold: 700;
|
|
|
|
|
--btcpay-neutral-100: #f8f9fa;
|
|
|
|
|
--btcpay-neutral-200: #e9ecef;
|
|
|
|
|
--btcpay-neutral-300: #dee2e6;
|
|
|
|
|
--btcpay-neutral-400: #ced4da;
|
|
|
|
|
--btcpay-neutral-500: #8f979e;
|
|
|
|
|
--btcpay-neutral-600: #6c757d;
|
|
|
|
|
--btcpay-neutral-700: #495057;
|
|
|
|
|
--btcpay-neutral-800: #343a40;
|
|
|
|
|
--btcpay-neutral-900: #292929;
|
|
|
|
|
--btcpay-font-size-base: var(--btcpay-font-size-m);
|
2020-04-28 17:48:55 +02:00
|
|
|
--btcpay-bg-dark: var(--btcpay-brand-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-bg-tile: var(--btcpay-white);
|
2019-11-02 16:57:53 +01:00
|
|
|
--btcpay-bg-cta: var(--btcpay-bg-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-body-bg: var(--btcpay-neutral-100);
|
|
|
|
|
--btcpay-body-bg-light: var(--btcpay-white);
|
|
|
|
|
--btcpay-body-bg-medium: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-body-bg-striped: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-body-bg-hover: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-body-bg-active: var(--btcpay-primary);
|
|
|
|
|
--btcpay-body-border-light: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-body-border-medium: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-body-text: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-body-text-striped: var(--btcpay-body-text);
|
|
|
|
|
--btcpay-body-text-hover: var(--btcpay-body-text);
|
|
|
|
|
--btcpay-body-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-body-text-muted: var(--btcpay-neutral-500);
|
|
|
|
|
--btcpay-body-link: var(--btcpay-primary);
|
|
|
|
|
--btcpay-body-link-accent: var(--btcpay-primary-accent);
|
|
|
|
|
--btcpay-body-shadow: rgba(25, 135, 84, 0.33);
|
|
|
|
|
--btcpay-wizard-bg: var(--btcpay-white);
|
|
|
|
|
--btcpay-wizard-color: var(--btcpay-body-text);
|
2020-12-02 15:21:03 +01:00
|
|
|
--btcpay-header-bg: var(--btcpay-bg-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-header-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-header-link: var(--btcpay-white);
|
|
|
|
|
--btcpay-header-link-accent: var(--btcpay-light-300);
|
|
|
|
|
--btcpay-header-link-active: var(--btcpay-light-300);
|
|
|
|
|
--btcpay-nav-link: var(--btcpay-neutral-600);
|
|
|
|
|
--btcpay-nav-link-accent: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-nav-link-active: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-nav-bg: transparent;
|
|
|
|
|
--btcpay-nav-bg-hover: transparent;
|
|
|
|
|
--btcpay-nav-bg-active: transparent;
|
|
|
|
|
--btcpay-nav-border: transparent;
|
|
|
|
|
--btcpay-nav-border-hover: transparent;
|
|
|
|
|
--btcpay-nav-border-active: var(--btcpay-primary);
|
|
|
|
|
--btcpay-form-bg: var(--btcpay-white);
|
|
|
|
|
--btcpay-form-bg-hover: var(--btcpay-form-bg);
|
|
|
|
|
--btcpay-form-bg-addon: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-form-bg-disabled: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-form-text: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-form-text-label: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-form-text-addon: var(--btcpay-neutral-700);
|
|
|
|
|
--btcpay-form-border: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-form-border-focus: var(--btcpay-form-border);
|
|
|
|
|
--btcpay-form-border-active: var(--btcpay-form-border);
|
|
|
|
|
--btcpay-form-border-disabled: var(--btcpay-form-border);
|
|
|
|
|
--btcpay-form-shadow-focus: var(--btcpay-primary-shadow);
|
|
|
|
|
--btcpay-form-shadow-valid: var(--btcpay-success-shadow);
|
|
|
|
|
--btcpay-form-shadow-invalid: var(--btcpay-danger-shadow);
|
2020-12-02 15:21:03 +01:00
|
|
|
--btcpay-footer-bg: var(--btcpay-bg-dark);
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-footer-text: var(--btcpay-light-400);
|
|
|
|
|
--btcpay-footer-link: var(--btcpay-neutral-400);
|
|
|
|
|
--btcpay-footer-link-accent: var(--btcpay-neutral-100);
|
|
|
|
|
--btcpay-code-text: var(--btcpay-body-text);
|
2021-06-06 13:44:54 +02:00
|
|
|
--btcpay-code-bg: transparent;
|
2021-05-19 04:39:27 +02:00
|
|
|
--btcpay-pre-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-pre-bg: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-primary: #329f80;
|
|
|
|
|
--btcpay-primary-accent: #267861;
|
|
|
|
|
--btcpay-primary-text:var(--btcpay-white);
|
|
|
|
|
--btcpay-primary-text-hover: var(--btcpay-white);
|
|
|
|
|
--btcpay-primary-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-primary-bg-hover: var(--btcpay-primary-accent);
|
|
|
|
|
--btcpay-primary-bg-active: var(--btcpay-primary-accent);
|
|
|
|
|
--btcpay-primary-border: var(--btcpay-primary);
|
|
|
|
|
--btcpay-primary-border-hover: var(--btcpay-primary-bg-hover);
|
|
|
|
|
--btcpay-primary-border-active: var(--btcpay-primary-bg-active);
|
|
|
|
|
--btcpay-primary-dim-bg: var(--btcpay-primary-500);
|
|
|
|
|
--btcpay-primary-dim-bg-striped: var(--btcpay-primary-400);
|
|
|
|
|
--btcpay-primary-dim-bg-hover: var(--btcpay-primary-600);
|
|
|
|
|
--btcpay-primary-dim-bg-active: var(--btcpay-primary-700);
|
|
|
|
|
--btcpay-primary-dim-border: var(--btcpay-primary-dim-bg);
|
|
|
|
|
--btcpay-primary-dim-border-active: var(--btcpay-primary-dim-bg-active);
|
|
|
|
|
--btcpay-primary-dim-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-primary-dim-text-striped: var(--btcpay-primary-dim-text);
|
|
|
|
|
--btcpay-primary-dim-text-hover: var(--btcpay-primary-dim-text);
|
|
|
|
|
--btcpay-primary-dim-text-active: var(--btcpay-primary-900);
|
|
|
|
|
--btcpay-primary-shadow: rgba(25, 135, 84, 0.33);
|
|
|
|
|
--btcpay-secondary: var(--btcpay-light-600);
|
|
|
|
|
--btcpay-secondary-accent: var(--btcpay-light-800);
|
|
|
|
|
--btcpay-secondary-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-secondary-text-hover: var(--btcpay-white);
|
|
|
|
|
--btcpay-secondary-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-secondary-bg-hover: var(--btcpay-secondary-accent);
|
|
|
|
|
--btcpay-secondary-bg-active: var(--btcpay-secondary-accent);
|
|
|
|
|
--btcpay-secondary-border: var(--btcpay-secondary);
|
|
|
|
|
--btcpay-secondary-border-hover: var(--btcpay-secondary-bg-hover);
|
|
|
|
|
--btcpay-secondary-border-active: var(--btcpay-secondary-bg-active);
|
|
|
|
|
--btcpay-secondary-dim-bg: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-secondary-dim-bg-striped: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-secondary-dim-bg-hover: var(--btcpay-neutral-300);
|
|
|
|
|
--btcpay-secondary-dim-bg-active: var(--btcpay-neutral-400);
|
|
|
|
|
--btcpay-secondary-dim-border: var(--btcpay-secondary-dim-bg);
|
|
|
|
|
--btcpay-secondary-dim-border-active: var(--btcpay-secondary-dim-bg-active);
|
|
|
|
|
--btcpay-secondary-dim-text: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-secondary-dim-text-striped: var(--btcpay-secondary-dim-text);
|
|
|
|
|
--btcpay-secondary-dim-text-hover: var(--btcpay-secondary-dim-text);
|
|
|
|
|
--btcpay-secondary-dim-text-active: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-secondary-shadow: rgba(130, 138, 145, 0.33);
|
|
|
|
|
--btcpay-success: #329f80;
|
|
|
|
|
--btcpay-success-accent: #1e7e34;
|
|
|
|
|
--btcpay-success-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-success-text-hover: var(--btcpay-white);
|
|
|
|
|
--btcpay-success-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-success-bg-hover: var(--btcpay-success-accent);
|
|
|
|
|
--btcpay-success-bg-active: var(--btcpay-success-accent);
|
|
|
|
|
--btcpay-success-border: var(--btcpay-success);
|
|
|
|
|
--btcpay-success-border-hover: var(--btcpay-success-bg-hover);
|
|
|
|
|
--btcpay-success-border-active: var(--btcpay-success-bg-active);
|
|
|
|
|
--btcpay-success-dim-bg: var(--btcpay-green-100);
|
|
|
|
|
--btcpay-success-dim-bg-striped: var(--btcpay-green-200);
|
|
|
|
|
--btcpay-success-dim-bg-hover: var(--btcpay-green-200);
|
|
|
|
|
--btcpay-success-dim-bg-active: var(--btcpay-green-300);
|
|
|
|
|
--btcpay-success-dim-border: var(--btcpay-success-dim-bg);
|
|
|
|
|
--btcpay-success-dim-border-active: var(--btcpay-success-dim-bg-active);
|
|
|
|
|
--btcpay-success-dim-text: var(--btcpay-green-800);
|
|
|
|
|
--btcpay-success-dim-text-striped: var(--btcpay-success-dim-text);
|
|
|
|
|
--btcpay-success-dim-text-hover: var(--btcpay-success-dim-text);
|
|
|
|
|
--btcpay-success-dim-text-active: var(--btcpay-green-900);
|
|
|
|
|
--btcpay-success-shadow: rgba(60, 153, 110, 0.33);
|
|
|
|
|
--btcpay-info: #17a2b8;
|
|
|
|
|
--btcpay-info-accent: #117a8b;
|
|
|
|
|
--btcpay-info-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-info-text-hover: var(--btcpay-white);
|
|
|
|
|
--btcpay-info-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-info-bg-hover: var(--btcpay-info-accent);
|
|
|
|
|
--btcpay-info-bg-active: var(--btcpay-info-accent);
|
|
|
|
|
--btcpay-info-border: var(--btcpay-info);
|
|
|
|
|
--btcpay-info-border-hover: var(--btcpay-info-bg-hover);
|
|
|
|
|
--btcpay-info-border-active: var(--btcpay-info-bg-active);
|
|
|
|
|
--btcpay-info-dim-bg: var(--btcpay-blue-100);
|
|
|
|
|
--btcpay-info-dim-bg-striped: var(--btcpay-blue-200);
|
|
|
|
|
--btcpay-info-dim-bg-hover: var(--btcpay-blue-200);
|
|
|
|
|
--btcpay-info-dim-bg-active: var(--btcpay-blue-300);
|
|
|
|
|
--btcpay-info-dim-border: var(--btcpay-info-dim-bg);
|
|
|
|
|
--btcpay-info-dim-border-active: var(--btcpay-info-dim-bg-active);
|
|
|
|
|
--btcpay-info-dim-text: var(--btcpay-blue-800);
|
|
|
|
|
--btcpay-info-dim-text-striped: var(--btcpay-info-dim-text);
|
|
|
|
|
--btcpay-info-dim-text-hover: var(--btcpay-info-dim-text);
|
|
|
|
|
--btcpay-info-dim-text-active: var(--btcpay-blue-900);
|
|
|
|
|
--btcpay-info-shadow: rgba(11, 172, 204, 0.33);
|
|
|
|
|
--btcpay-warning: #ffc107;
|
|
|
|
|
--btcpay-warning-accent: #d39e00;
|
|
|
|
|
--btcpay-warning-text: var(--btcpay-light-700);
|
|
|
|
|
--btcpay-warning-text-hover: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-warning-text-active: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-warning-bg-hover: var(--btcpay-warning-accent);
|
|
|
|
|
--btcpay-warning-bg-active: var(--btcpay-warning-accent);
|
|
|
|
|
--btcpay-warning-border: var(--btcpay-warning);
|
|
|
|
|
--btcpay-warning-border-hover: var(--btcpay-warning-bg-hover);
|
|
|
|
|
--btcpay-warning-border-active: var(--btcpay-warning-bg-active);
|
|
|
|
|
--btcpay-warning-dim-bg: var(--btcpay-yellow-100);
|
|
|
|
|
--btcpay-warning-dim-bg-striped: var(--btcpay-yellow-200);
|
|
|
|
|
--btcpay-warning-dim-bg-hover: var(--btcpay-yellow-200);
|
|
|
|
|
--btcpay-warning-dim-bg-active: var(--btcpay-yellow-300);
|
|
|
|
|
--btcpay-warning-dim-border: var(--btcpay-warning-dim-bg);
|
|
|
|
|
--btcpay-warning-dim-border-active: var(--btcpay-warning-dim-bg-active);
|
|
|
|
|
--btcpay-warning-dim-text: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-warning-dim-text-striped: var(--btcpay-warning-dim-text);
|
|
|
|
|
--btcpay-warning-dim-text-hover: var(--btcpay-warning-dim-text);
|
|
|
|
|
--btcpay-warning-dim-text-active: var(--btcpay-yellow-900);
|
|
|
|
|
--btcpay-warning-shadow: rgba(217, 164, 6, 0.33);
|
|
|
|
|
--btcpay-danger: #dc3545;
|
|
|
|
|
--btcpay-danger-accent: #bd2130;
|
|
|
|
|
--btcpay-danger-text: var(--btcpay-white);
|
|
|
|
|
--btcpay-danger-text-hover: var(--btcpay-white);
|
|
|
|
|
--btcpay-danger-text-active: var(--btcpay-white);
|
|
|
|
|
--btcpay-danger-bg-hover: var(--btcpay-danger-accent);
|
|
|
|
|
--btcpay-danger-bg-active: var(--btcpay-danger-accent);
|
|
|
|
|
--btcpay-danger-border: var(--btcpay-danger);
|
|
|
|
|
--btcpay-danger-border-hover: var(--btcpay-danger-bg-hover);
|
|
|
|
|
--btcpay-danger-border-active: var(--btcpay-danger-bg-active);
|
|
|
|
|
--btcpay-danger-dim-bg: var(--btcpay-red-100);
|
|
|
|
|
--btcpay-danger-dim-bg-striped: var(--btcpay-red-200);
|
|
|
|
|
--btcpay-danger-dim-bg-hover: var(--btcpay-red-200);
|
|
|
|
|
--btcpay-danger-dim-bg-active: var(--btcpay-red-300);
|
|
|
|
|
--btcpay-danger-dim-border: var(--btcpay-danger-dim-bg);
|
|
|
|
|
--btcpay-danger-dim-border-active: var(--btcpay-danger-dim-bg-active);
|
|
|
|
|
--btcpay-danger-dim-text: var(--btcpay-red-800);
|
|
|
|
|
--btcpay-danger-dim-text-striped: var(--btcpay-danger-dim-text);
|
|
|
|
|
--btcpay-danger-dim-text-hover: var(--btcpay-danger-dim-text);
|
|
|
|
|
--btcpay-danger-dim-text-active: var(--btcpay-red-900);
|
|
|
|
|
--btcpay-danger-shadow: rgba(225, 83, 97, 0.33);
|
|
|
|
|
--btcpay-light: var(--btcpay-light-200);
|
|
|
|
|
--btcpay-light-accent: var(--btcpay-light-100);
|
|
|
|
|
--btcpay-light-text: var(--btcpay-light-800);
|
|
|
|
|
--btcpay-light-text-hover: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-light-text-active: var(--btcpay-neutral-800);
|
|
|
|
|
--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-white);
|
|
|
|
|
--btcpay-light-dim-bg-striped: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-dim-bg-hover: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-light-dim-bg-active: var(--btcpay-neutral-300);
|
|
|
|
|
--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-800);
|
|
|
|
|
--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-900);
|
|
|
|
|
--btcpay-light-shadow: rgba(211, 212, 213, 0.33);
|
|
|
|
|
--btcpay-dark: var(--btcpay-light-800);
|
|
|
|
|
--btcpay-dark-accent: var(--btcpay-light-900);
|
|
|
|
|
--btcpay-dark-text: var(--btcpay-light-200);
|
|
|
|
|
--btcpay-dark-text-hover: var(--btcpay-neutral-200);
|
|
|
|
|
--btcpay-dark-text-active: var(--btcpay-neutral-200);
|
|
|
|
|
--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-neutral-900);
|
|
|
|
|
--btcpay-dark-dim-bg-striped: var(--btcpay-neutral-900);
|
|
|
|
|
--btcpay-dark-dim-bg-hover: var(--btcpay-neutral-800);
|
|
|
|
|
--btcpay-dark-dim-bg-active: var(--btcpay-neutral-700);
|
|
|
|
|
--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-200);
|
|
|
|
|
--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-100);
|
|
|
|
|
--btcpay-dark-shadow: rgba(66, 70, 73, 0.33);
|
2019-11-02 16:57:53 +01:00
|
|
|
}
|
2019-11-01 15:45:59 +01:00
|
|
|
|
|
|
|
|
/* Bootstrap modifications */
|
|
|
|
|
.bg-dark {
|
2019-11-01 17:29:28 +01:00
|
|
|
background-color: var(--btcpay-bg-dark) !important;
|
|
|
|
|
}
|
|
|
|
|
|
2019-11-15 15:14:43 +01:00
|
|
|
.table-sm {
|
2019-11-08 22:16:37 +01:00
|
|
|
margin: 1.5rem 0;
|
2021-05-19 04:39:27 +02:00
|
|
|
background: var(--btcpay-white);
|
|
|
|
|
border: 1px solid var(--btcpay-light-300);
|
2019-11-01 17:29:28 +01:00
|
|
|
border-radius: 4px;
|
|
|
|
|
border-collapse: separate !important;
|
|
|
|
|
border-spacing: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
|
2019-11-15 15:14:43 +01:00
|
|
|
.table-sm thead > tr {
|
2019-11-14 22:48:15 -06:00
|
|
|
height: 40px;
|
2019-11-01 17:29:28 +01:00
|
|
|
}
|
|
|
|
|
|
2019-11-15 15:14:43 +01:00
|
|
|
.table-sm thead th {
|
2019-11-01 17:29:28 +01:00
|
|
|
border-bottom: none;
|
|
|
|
|
border-top: none;
|
2019-11-15 15:22:01 +09:00
|
|
|
font-size: 1.0rem;
|
2019-11-01 17:29:28 +01:00
|
|
|
}
|
|
|
|
|
|
2019-11-15 15:14:43 +01:00
|
|
|
.table-sm th,
|
|
|
|
|
.table-sm td {
|
2019-11-14 21:10:17 +01:00
|
|
|
padding: 8px 12px;
|
2019-11-01 17:29:28 +01:00
|
|
|
vertical-align: middle;
|
2019-11-15 15:22:01 +09:00
|
|
|
font-size: 0.92rem;
|
2019-11-14 22:48:15 -06:00
|
|
|
}
|
|
|
|
|
|
2019-11-15 15:14:43 +01:00
|
|
|
.table-sm tbody tr:hover {
|
2021-05-19 04:39:27 +02:00
|
|
|
background-color: var(--btcpay-light-100);
|
2019-11-01 17:29:28 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.removetopborder tr:first-child th,
|
|
|
|
|
.removetopborder tr:first-child td {
|
|
|
|
|
border-top: none;
|
|
|
|
|
}
|
2020-12-02 15:21:03 +01:00
|
|
|
|
2020-12-21 14:43:33 +01:00
|
|
|
#mainNav.sticky-top {
|
2021-05-19 04:39:27 +02:00
|
|
|
background: var(--btcpay-white);
|
2020-12-02 15:21:03 +01:00
|
|
|
}
|
