Adjust warning text color on body background

btcpayserver · Dec 12, 2023 · 35c0d7a · 35c0d7a
1 parent c2bbb90
commit 35c0d7a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 1 deletion.
diff --git a/src/bootstrap/_customizations.css b/src/bootstrap/_customizations.css
@@ -103,6 +103,10 @@ ul:not([class]) li {
   color: var(--btcpay-body-text-muted) !important;
 }
 
+.text-warning {
+  color: rgba(var(--btcpay-body-text-warning-rgb), var(--btcpay-text-opacity)) !important;
+}
+
 /* Modals */
 .modal-content {
   box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);

diff --git a/src/design/colors.js b/src/design/colors.js
@@ -86,6 +86,6 @@ module.exports = [
   ...scale('Primary', ['#c7e6c1', '#b5dead', '#9dd392', '#7cc46e', '#44a431', '#389725', '#2e8a1b', '#247d12', '#1c710b']),
   ...scale('Green', ['#EEFAEB', '#C7E8C0', '#A0D695', '#78C369', '#51B13E', '#419437', '#307630', '#205928', '#0F3B21']),
   ...scale('Blue', ['#b5e1e8', '#9dd7e1', '#7ccad7', '#51b9c9', '#17a2b8', '#03899e', '#007d91', '#007284', '#006778']),
-  ...scale('Yellow', ['#FFFAF0', '#FFF2D9', '#FFE3AC', '#FFCF70', '#FFC043', '#BC8B2C', '#997328', '#674D1B', '#543D10']),
+  ...scale('Yellow', ['#FFFAF0', '#FFF2D9', '#FFE3AC', '#FFCF70', '#FFC043', '#B57E12', '#997328', '#674D1B', '#543D10']),
   ...scale('Red', ['#FFEFED', '#FED7D2', '#F1998E', '#E85C4A', '#E11900', '#AB1300', '#870F00', '#5A0A00', '#420105'])
 ]
diff --git a/src/static/styles/btcpayserver-bootstrap.css b/src/static/styles/btcpayserver-bootstrap.css
@@ -12255,6 +12255,10 @@ ul:not([class]) li {
   color: var(--btcpay-body-text-muted) !important;
 }
 
+.text-warning {
+  color: rgba(var(--btcpay-body-text-warning-rgb), var(--btcpay-text-opacity)) !important;
+}
+
 /* Modals */
 .modal-content {
   box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);

diff --git a/src/styles/variables/theme.css b/src/styles/variables/theme.css
@@ -28,6 +28,7 @@
   --btcpay-body-text-hover: var(--btcpay-body-text);
   --btcpay-body-text-active: var(--btcpay-primary-text-active);
   --btcpay-body-text-muted: var(--btcpay-neutral-500);
+  --btcpay-body-text-warning-rgb: 181, 126, 18;
   --btcpay-body-text-rgb: 41, 41, 41;
   --btcpay-body-link: var(--btcpay-primary);
   --btcpay-body-link-rgb: var(--btcpay-primary-rgb);
@@ -292,6 +293,7 @@
   --btcpay-body-bg-rgb: 22, 27, 34;
   --btcpay-body-text: var(--btcpay-white);
   --btcpay-body-text-muted: var(--btcpay-neutral-600);
+  --btcpay-body-text-warning-rgb: 255, 192, 67;
   --btcpay-body-text-rgb: 255, 255, 255;
   --btcpay-body-link-accent: var(--btcpay-primary-accent);
   --btcpay-body-link-accent-rgb: var(--btcpay-primary-accent-rgb);