mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-24 22:58:28 +01:00
845e2881fa
* Move POS assets * WIP * Refactor into common Vue mixin * Offcanvas updates * Unifications across POS views * POSData view fix * Number and test fixes * Update cart width * Fix test * More view unification * Hide cart when emptied * Validate cart * Header improvement * Increase remove icon size * Animate add to cart action * Offcanvas for mobile, sidebar for desktop * ui+pos: updates icon size + badge + label * Remove cart table headers * Use same size for Cart and Shop headlines * Update search placeholder * Bump horizontal input padding * Increase sidebar width * Bump badge font size * Fix manipulating the quantity of line items * Fix cart icon * Update cart display * updates empty button * Rounded search input * Remove cart button on desktop * Fix dark accent color * More accent fixes * Fix plus/minus alignment * Update BTCPayServer/Views/Shared/PointOfSale/Public/Cart.cshtml * Apply suggestions from code review --------- Co-authored-by: dstrukt <gfxdsign@gmail.com>
47 lines
2.2 KiB
CSS
47 lines
2.2 KiB
CSS
:root {
|
|
--btcpay-neutral-50: #0d1117;
|
|
--btcpay-neutral-100: var(--btcpay-neutral-dark-900);
|
|
--btcpay-neutral-200: var(--btcpay-neutral-dark-800);
|
|
--btcpay-neutral-300: var(--btcpay-neutral-dark-700);
|
|
--btcpay-neutral-400: var(--btcpay-neutral-dark-600);
|
|
--btcpay-neutral-500: var(--btcpay-neutral-dark-500);
|
|
--btcpay-neutral-600: var(--btcpay-neutral-dark-400);
|
|
--btcpay-neutral-700: var(--btcpay-neutral-dark-300);
|
|
--btcpay-neutral-800: var(--btcpay-neutral-dark-200);
|
|
--btcpay-neutral-900: var(--btcpay-neutral-dark-100);
|
|
--btcpay-bg-dark: var(--btcpay-neutral-50);
|
|
--btcpay-bg-tile: var(--btcpay-bg-dark);
|
|
--btcpay-body-bg-light: var(--btcpay-neutral-50);
|
|
--btcpay-body-bg-hover: var(--btcpay-neutral-50);
|
|
--btcpay-body-bg-rgb: 22, 27, 34;
|
|
--btcpay-body-text: var(--btcpay-white);
|
|
--btcpay-body-text-muted: var(--btcpay-neutral-600);
|
|
--btcpay-body-text-rgb: 255, 255, 255;
|
|
--btcpay-body-link-accent: var(--btcpay-primary-accent);
|
|
--btcpay-body-link-accent-rgb: var(--btcpay-primary-accent-rgb);
|
|
--btcpay-form-bg: var(--btcpay-bg-dark);
|
|
--btcpay-form-text: var(--btcpay-neutral-800);
|
|
--btcpay-form-text-label: var(--btcpay-neutral-900);
|
|
--btcpay-form-border: var(--btcpay-neutral-200);
|
|
--btcpay-header-bg: var(--btcpay-bg-dark);
|
|
--btcpay-nav-link: var(--btcpay-neutral-500);
|
|
--btcpay-nav-link-active: var(--btcpay-white);
|
|
--btcpay-footer-link-accent: var(--btcpay-neutral-800);
|
|
--btcpay-pre-bg: var(--btcpay-bg-dark);
|
|
--btcpay-primary-accent: rgb(var(--btcpay-primary-accent-rgb));
|
|
--btcpay-primary-accent-rgb: 30, 122, 68;
|
|
--btcpay-secondary: transparent;
|
|
--btcpay-secondary-text-active: var(--btcpay-primary);
|
|
--btcpay-secondary-rgb: 22, 27, 34;
|
|
--btcpay-warning-text: var(--btcpay-neutral-100);
|
|
--btcpay-warning-text-hover: var(--btcpay-neutral-100);
|
|
--btcpay-warning-text-active: var(--btcpay-neutral-100);
|
|
--btcpay-warning-dim-text: var(--btcpay-neutral-200);
|
|
--btcpay-light-dim-bg: var(--btcpay-neutral-50);
|
|
--btcpay-light-shadow: rgba(66, 70, 73, 0.33);
|
|
--btcpay-light-rgb: 33, 38, 45;
|
|
--btcpay-dark-accent: var(--btcpay-neutral-600);
|
|
--btcpay-dark-dim-bg: var(--btcpay-white);
|
|
--btcpay-dark-shadow: rgba(211, 212, 213, 0.33);
|
|
--btcpay-dark-rgb: 201, 209, 217;
|
|
}
|