btcpayserver/BTCPayServer/wwwroot/main/themes/default-dark.css
d11n ed7031981b
Bootstrap v5 migration (#2490)
* Swap bootstrap asset files

* Update themes and color definitions

* Move general bootstrap customizations

* Theme updates

Theme updates

* Remove BuildBundlerMinifier

This lead to an error, because BuildBundlerMinifier and BundlerMinifier.Core seem to conflict here. Details: https://stackoverflow.com/a/61119586

* Rewplace btn-block class with w-100

* Update badge classes

* Remove old font family head variable

* Update margin classes

* Cleanups

* Update float classes

* Update text classes

* Update padding classes

* Update border classes

* UPdate dropdown classes

* Update select classes

* Update neutral custom props

* Update bootstrap and customizations

* Update ChromeDriver; disable smooth scroll

https://github.com/SeleniumHQ/selenium/issues/8295

* Improve alert messages

* Improve bootstrap customizations

* Disable reduced motion

See also 7358282f

* Update Bootstrap data attributes

* Update file inputs

* Update input groups

* Replace deprecated jumbotron class

* Update variables; re-add negative margin util classes

* Update cards

* Update form labels

* Debug alerts

* Fix aria-labelledby associations

* Dropdown-related test fixes

* Fix CanUseWebhooks test

* Test fixes

* Nav updates

* Fix nav usage in wallet send and payouts

* Update alert and modal close buttons

* Re-add backdrop properties

* Upgrade Bootstrap to v5 final

* Update screen reader classes

* Update font-weight classes

* Update monospace font classes

* Update accordians

* Update close icon usage

* Cleanup

* Update scripts and style integrations

* Update input group texts

* Update LN node setup page

* Update more form control classes

* Update inline forms

* Add js specific test

* Upgrade Vue.js

* Remove unused JS

* Upgrade Bootstrap to v5.0.1

* Try container related test updates

* Separate jQuery bundle

* Remove jQuery from LND seed backup page

* Remove unused code

* Refactor email autofill js

* Refactor camera scanner JS

* Re-add tests

* Re-add BuildBundlerMinifier

* Do not minify bundles containing Bootstrap

Details https://github.com/madskristensen/BundlerMinifier/issues/558

* Update bundles

* Cleanup JS test

* Cleanup tests involving dropdowns

* Cleanup tests involving collapses

* Cleanup locale additions in ConfigureCore

* Cleanup bundles

* Remove duplicate status message

* Cleanup formatting

* Fix missing validation scripts

* Remove unused unminified Bootstrap js files

* Fix classic theme

* Fix Casa theme

* Fix PoS validation
2021-05-19 11:39:27 +09:00

96 lines
4.3 KiB
CSS

@import 'default.css';
/* Dark theme overrides */
: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-700);
--btcpay-body-bg-active: var(--btcpay-neutral-700);
--btcpay-body-border-light: var(--btcpay-neutral-800);
--btcpay-body-border-medium: var(--btcpay-neutral-700);
--btcpay-body-text: var(--btcpay-white);
--btcpay-wizard-bg: var(--btcpay-body-bg);
--btcpay-wizard-color: var(--btcpay-body-text);
--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-bg: var(--btcpay-bg-dark);
--btcpay-footer-text: var(--btcpay-neutral-600);
--btcpay-footer-link: var(--btcpay-neutral-600);
--btcpay-footer-link-accent: var(--btcpay-neutral-300);
--btcpay-pre-bg: var(--btcpay-bg-dark);
--btcpay-code-bg: var(--btcpay-bg-dark);
--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-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);
}
.social-logo {
filter: contrast(0) brightness(200%);
}
.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-bg-tile);
}