btcpayserver/BTCPayServer/wwwroot/main/themes/default-dark.css
d11n f8e6b51e9d
Store-centric UI (#3091)
* Update layout structure and header

* Implement store selector

* Simplify homepage

* Update layout

* Use dropdown for store selector

* Hide global nav in store context

* Horizontal section nav

* Remove outer section and container from content views

* Update nav

* Set store context for invoice and payment request lists

* Test fixes

* Persist menu collapse state on client-side

* MainNav as view component

* Update app routes to incorporate store context

* Test fixes

* Display ticker for altcoins build only

* Plugins nav

* Incorporate category for active page as well

* Update invoice icon

* Add apps list to nav

* Add store context to app type controllers

* Incorporate id for active page as well

* Test fixes

* AppsController cleanup

* Nav: Display only apps for the current store

* Remove leftover from merge

* Nav styles optimization

* Left-align content container

* Increase sidebar padding on desktop

* Use min-width for store selector menu

* Store settings nav update

* Update app and payment request routes

* Test fixes

* Refactor MainNav component to use StoresController

* Set store context for invoice actions

* Cleanups

* Remove CurrentStore checks

The response will be "Access denied" in case the CookieAuthorizationHandler cannot resolve the store.

* Remove unnecessary store context setters

* Test fix
2021-12-11 12:32:23 +09:00

85 lines
4.3 KiB
CSS

:root {
--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;
--btcpay-bg-dark: var(--btcpay-neutral-950);
--btcpay-bg-tile: var(--btcpay-bg-dark);
--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);
--btcpay-body-bg-hover: var(--btcpay-neutral-950);
--btcpay-body-bg-active: var(--btcpay-neutral-700);
--btcpay-body-bg-rgb: 41, 41, 41;
--btcpay-body-border-light: var(--btcpay-neutral-800);
--btcpay-body-border-medium: var(--btcpay-neutral-700);
--btcpay-body-text: var(--btcpay-white);
--btcpay-body-text-rgb: 255, 255, 255;
--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);
--btcpay-footer-text: var(--btcpay-neutral-400);
--btcpay-footer-link: var(--btcpay-neutral-400);
--btcpay-footer-link-accent: var(--btcpay-neutral-200);
--btcpay-pre-bg: var(--btcpay-bg-dark);
--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);
--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);
--btcpay-light-rgb: 33, 38, 45;
--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);
--btcpay-dark-rgb: 201, 209, 217;
}