diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css index 9c4de04c9..f9ce3501d 100644 --- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css +++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css @@ -33,7 +33,7 @@ body { line-height: 1.5; color: var(--btcpay-body-color); text-align: left; - background-color: var(--btcpay-bg-body); } + background-color: var(--btcpay-body-bg); } [tabindex="-1"]:focus { outline: 0 !important; } @@ -371,7 +371,7 @@ mark, .img-thumbnail { padding: 0.25rem; - background-color: var(--btcpay-bg-body); + background-color: var(--btcpay-body-bg); border: 1px solid var(--btcpay-color-neutral-300); border-radius: 0.25rem; max-width: 100%; @@ -2604,11 +2604,11 @@ input[type="button"].btn-block { .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px var(--btcpay-bg-body), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } .custom-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px var(--btcpay-bg-body), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } .custom-range:focus::-ms-thumb { - box-shadow: 0 0 0 1px var(--btcpay-bg-body), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } + box-shadow: 0 0 0 1px var(--btcpay-body-bg), 0 0 0 0.2rem var(--btcpay-color-primary-backdrop); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { diff --git a/BTCPayServer/wwwroot/main/themes/casa.css b/BTCPayServer/wwwroot/main/themes/casa.css index 2beafb22d..cd448f83a 100644 --- a/BTCPayServer/wwwroot/main/themes/casa.css +++ b/BTCPayServer/wwwroot/main/themes/casa.css @@ -46,7 +46,7 @@ --btcpay-color-dark-accent: var(--btcpay-color-neutral-900); /* Color definitions for specific sections - try to reuse colors defined above */ - --btcpay-bg-body: var(--btcpay-brand-darkest); + --btcpay-body-bg: var(--btcpay-brand-darkest); --btcpay-bg-dark: var(--btcpay-brand-darker); --btcpay-bg-tile: var(--btcpay-brand-dark); --btcpay-bg-cta: var(--btcpay-brand-dark); diff --git a/BTCPayServer/wwwroot/main/themes/classic.css b/BTCPayServer/wwwroot/main/themes/classic.css index 05f0616d8..6548255da 100644 --- a/BTCPayServer/wwwroot/main/themes/classic.css +++ b/BTCPayServer/wwwroot/main/themes/classic.css @@ -46,7 +46,7 @@ --btcpay-color-dark-accent: var(--btcpay-color-neutral-900); /* Color definitions for specific sections - try to reuse colors defined above */ - --btcpay-bg-body: var(--btcpay-color-neutral-100); + --btcpay-body-bg: var(--btcpay-color-neutral-100); --btcpay-bg-dark: var(--btcpay-brand-darker); --btcpay-bg-tile: var(--btcpay-color-white); --btcpay-bg-cta: var(--btcpay-bg-dark); diff --git a/BTCPayServer/wwwroot/main/themes/default.css b/BTCPayServer/wwwroot/main/themes/default.css index bb4d09ca5..96e7ac8c4 100644 --- a/BTCPayServer/wwwroot/main/themes/default.css +++ b/BTCPayServer/wwwroot/main/themes/default.css @@ -47,7 +47,7 @@ --btcpay-color-dark-accent: var(--btcpay-color-black); /* Color definitions for specific sections - try to reuse colors defined above */ - --btcpay-bg-body: var(--btcpay-color-neutral-100); + --btcpay-body-bg: var(--btcpay-color-neutral-100); --btcpay-bg-dark: var(--btcpay-brand-darker); --btcpay-bg-tile: var(--btcpay-color-white); --btcpay-bg-cta: var(--btcpay-brand-darker); @@ -119,7 +119,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { --btcpay-bg-dark: var(--btcpay-color-neutral-950); --btcpay-header-bg: var(--btcpay-bg-dark); --btcpay-footer-bg: var(--btcpay-bg-dark); - --btcpay-bg-body: var(--btcpay-color-neutral-900); + --btcpay-body-bg: var(--btcpay-color-neutral-900); --btcpay-body-color: var(--btcpay-color-white); --btcpay-nav-color-link: var(--btcpay-color-neutral-500);