diff --git a/src/bootstrap/_customizations.css b/src/bootstrap/_customizations.css index 75cf8bc..4c2bad0 100644 --- 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 index d1fd186..ce63443 100644 --- 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 index 7a5a0af..d0ab8bd 100644 --- 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 index 92649f2..b05084d 100644 --- 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);