btcpayserver/BTCPayServer/wwwroot/main/themes/default-dark.css
Dennis Reimann 391d7b01d1
UI: Minor enhancements to 2FA view
Improve hover highlight for light and dark theme. APply a bit more spacing to the 2FA link cells.

Also fixes table row highlight in light theme.
2020-07-14 13:29:26 +02:00

50 lines
1.6 KiB
CSS

@import 'default.css';
/* Dark theme overrides */
:root {
--btcpay-color-neutral-950: #222222;
--btcpay-color-primary-backdrop: #389725;
--btcpay-bg-dark: var(--btcpay-color-neutral-950);
--btcpay-header-bg: var(--btcpay-bg-dark);
--btcpay-footer-bg: var(--btcpay-bg-dark);
--btcpay-footer-color: var(--btcpay-color-neutral-600);
--btcpay-body-bg: var(--btcpay-color-neutral-900);
--btcpay-body-color: var(--btcpay-color-white);
--btcpay-nav-color-link: var(--btcpay-color-neutral-500);
--btcpay-nav-color-link-accent: var(--btcpay-color-neutral-300);
--btcpay-nav-color-link-active: var(--btcpay-color-white);
--btcpay-bg-tile: var(--btcpay-bg-dark);
--btcpay-border-color-light: var(--btcpay-color-neutral-600);
--btcpay-border-color-medium: var(--btcpay-color-neutral-700);
--btcpay-color-light: var(--btcpay-color-neutral-800);
--btcpay-color-light-backdrop: var(--btcpay-color-neutral-800);
--btcpay-color-light-accent: var(--btcpay-color-black);
--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);
}
.social-logo {
filter: contrast(0) brightness(200%);
}
.onion {
filter: none;
}
.list-group-item-action,
.list-group-item-action:hover {
color: var(--btcpay-body-color);
}
.list-group-item-action:hover,
.table-sm tbody tr:hover {
background-color: var(--btcpay-color-neutral-950);
}