Bootstrap update (#2870)

* Update Bootstrap

* Fix notification checkbox styling

BTCPayServer/Views/Manage/NotificationSettings.cshtml

@@ -24,7 +24,7 @@
                         var item = Model.DisabledNotifications[index];
                         <li class="list-group-item">
                             <input type="hidden"  asp-for="DisabledNotifications[index].Value"/> 
-                            <input type="checkbox" asp-for="DisabledNotifications[index].Selected" class="form-check-inline"/>
+                            <input type="checkbox" asp-for="DisabledNotifications[index].Selected" class="form-check-input form-check-inline"/>
                             <label class="mb-0 cursor-pointer" asp-for="DisabledNotifications[index].Selected">
                                 @item.Text
                             </label>

BTCPayServer/wwwroot/main/bootstrap/bootstrap.css

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap v5.1.0 (https://getbootstrap.com/)
+ * Bootstrap v5.1.1 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -24,7 +24,7 @@
 }
 
 :root {
-  font-size: var(--btcpay--root-font-size);
+  font-size: var(--btcpay-root-font-size);
 }
 
 body {
@@ -5346,7 +5346,7 @@ fieldset:disabled .btn {
 }
 
 .modal-backdrop.show {
-  opacity: 0.85;
+  opacity: 0.8;
 }
 
 .modal-header {
@@ -6081,7 +6081,7 @@ fieldset:disabled .btn {
 }
 
 .offcanvas-backdrop.show {
-  opacity: 0.85;
+  opacity: 0.8;
 }
 
 .offcanvas-header {
@@ -7560,7 +7560,7 @@ fieldset:disabled .btn {
 
 .text-body {
   --btcpay-text-opacity: 1;
-  color: rgba(var(--btcpay-body-rgb), var(--btcpay-text-opacity)) !important;
+  color: rgba(var(--btcpay-body-text-rgb), var(--btcpay-text-opacity)) !important;
 }
 
 .text-muted {
@@ -7651,7 +7651,7 @@ fieldset:disabled .btn {
 
 .bg-body {
   --btcpay-bg-opacity: 1;
-  background-color: rgba(var(--btcpay-body-rgb), var(--btcpay-bg-opacity)) !important;
+  background-color: rgba(var(--btcpay-body-bg-rgb), var(--btcpay-bg-opacity)) !important;
 }
 
 .bg-transparent {
@@ -9800,12 +9800,6 @@ fieldset:disabled .btn {
     display: none !important;
   }
 }
-/* Workaround until this is released > v5.1.0:
-   https://github.com/twbs/bootstrap/commit/f4fd27118fb2b384968068f66361f020a0996a1a */
-:root {
-  font-size: var(--btcpay-root-font-size);
-}
-
 html {
   position: relative;
   min-height: 100%;

BTCPayServer/wwwroot/main/themes/default-dark.css

@@ -1,4 +1,3 @@
-/* Dark theme overrides */
 :root {
   --btcpay-neutral-100: var(--btcpay-neutral-dark-100);
   --btcpay-neutral-200: var(--btcpay-neutral-dark-200);
@@ -10,7 +9,6 @@
   --btcpay-neutral-800: var(--btcpay-neutral-dark-800);
   --btcpay-neutral-900: var(--btcpay-neutral-dark-900);
   --btcpay-neutral-950: #0D1117;
-  --btcpay-body-rgb: 22, 27, 34;
   --btcpay-bg-dark: var(--btcpay-neutral-950);
   --btcpay-bg-tile: var(--btcpay-bg-dark);
   --btcpay-body-bg: var(--btcpay-neutral-900);
@@ -19,9 +17,11 @@
   --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);

BTCPayServer/wwwroot/main/themes/default.css

@@ -156,6 +156,7 @@
   --btcpay-body-bg-striped: var(--btcpay-neutral-200);
   --btcpay-body-bg-hover: var(--btcpay-white);
   --btcpay-body-bg-active: var(--btcpay-primary);
+  --btcpay-body-bg-rgb: 248, 249, 250;
   --btcpay-body-border-light: var(--btcpay-neutral-200);
   --btcpay-body-border-medium: var(--btcpay-neutral-300);
   --btcpay-body-text: var(--btcpay-neutral-900);
@@ -163,10 +164,10 @@
   --btcpay-body-text-hover: var(--btcpay-body-text);
   --btcpay-body-text-active: var(--btcpay-white);
   --btcpay-body-text-muted: var(--btcpay-neutral-500);
+  --btcpay-body-text-rgb: 41, 41, 41;
   --btcpay-body-link: var(--btcpay-primary);
   --btcpay-body-link-accent: var(--btcpay-primary);
   --btcpay-body-shadow: rgba(25, 135, 84, 0.33);
-  --btcpay-body-rgb: 248, 249, 250;
   --btcpay-wizard-bg: var(--btcpay-body-bg);
   --btcpay-wizard-text: var(--btcpay-body-text);
   --btcpay-header-bg: var(--btcpay-white);