From c3de5544ef962180e7adade2359b2f6e79e81978 Mon Sep 17 00:00:00 2001 From: DJObleezy Date: Fri, 11 Apr 2025 22:56:49 -0700 Subject: [PATCH] Enhance negative profit styling with text shadow Added a `text-shadow` property to the styling of `dailyProfitElement` and `monthlyProfitElement` to improve visibility when profit values are negative. Existing styles for color and font-weight remain unchanged. --- static/js/main.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/js/main.js b/static/js/main.js index 7569cd1..a3f7487 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1225,7 +1225,7 @@ function updateUI() { dailyProfitElement.textContent = "$" + numberWithCommas(dailyProfitUSD.toFixed(2)); if (dailyProfitUSD < 0) { // Use setAttribute to properly set the style with !important - dailyProfitElement.setAttribute("style", "color: #ff5555 !important; font-weight: bold !important;"); + dailyProfitElement.setAttribute("style", "color: #ff5555 !important; font-weight: bold !important; text-shadow: 0 0 6px rgba(255, 85, 85, 0.6) !important;"); } else { // Clear the style attribute completely instead of setting it to empty dailyProfitElement.removeAttribute("style"); @@ -1239,7 +1239,7 @@ function updateUI() { monthlyProfitElement.textContent = "$" + numberWithCommas(monthlyProfitUSD.toFixed(2)); if (monthlyProfitUSD < 0) { // Use setAttribute to properly set the style with !important - monthlyProfitElement.setAttribute("style", "color: #ff5555 !important; font-weight: bold !important;"); + monthlyProfitElement.setAttribute("style", "color: #ff5555 !important; font-weight: bold !important; text-shadow: 0 0 6px rgba(255, 85, 85, 0.6) !important;"); } else { // Clear the style attribute completely monthlyProfitElement.removeAttribute("style");