btcpayserver/BTCPayServer/wwwroot/main/themes/default-dark.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;
}

.btn-outline-onion {
  color: #e6d5ee !important;
  border-color: #59316B !important;
}

.btn-outline-onion img {
  filter: contrast(0) brightness(200%) !important;
}

.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);
}