From ae1194efb975d249824a8e284510154ccce58df9 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Sun, 6 Sep 2026 22:57:53 +0100
Subject: [PATCH] Update Theme Context and CSS for Enhanced Placeholder Color
 and State Handling

- Added a new CSS variable for text placeholder color, improving consistency across themes.
- Updated the ThemeContext to set the new placeholder color based on dark mode settings.
- Enhanced the state handling in Utils.js to include 'overdue' status, improving clarity in state representation.
---
 assets/stylesheets/App.css                        | 2 +-
 src/components/Dashboard/context/ThemeContext.jsx | 4 ++++
 src/components/Dashboard/utils/Utils.js           | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index bf2f21f2..d92b0d38 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -2971,7 +2971,7 @@ body.objectKanbanColumnResizing * {
   bottom: 0;
   display: flex;
   align-items: center;
-  color: var(--ant-color-text-placeholder, rgba(0, 0, 0, 0.25));
+  color: var(--color-text-placeholder, rgba(0, 0, 0, 0.25));
   pointer-events: none;
   white-space: nowrap;
   overflow: hidden;
diff --git a/src/components/Dashboard/context/ThemeContext.jsx b/src/components/Dashboard/context/ThemeContext.jsx
index 4870f892..e8fea3b9 100644
--- a/src/components/Dashboard/context/ThemeContext.jsx
+++ b/src/components/Dashboard/context/ThemeContext.jsx
@@ -200,6 +200,10 @@ export const ThemeProvider = ({ children }) => {
       '--color-table-row-border',
       isDarkMode ? '#303030' : '#f0f0f0'
     )
+    root.style.setProperty(
+      '--color-text-placeholder',
+      isDarkMode ? '#4F4F4F' : '#BFBFBF'
+    )
   }, [isDarkMode, primaryColorOverride])
 
   const themeConfig = {
diff --git a/src/components/Dashboard/utils/Utils.js b/src/components/Dashboard/utils/Utils.js
index c0e3f82d..8b742937 100644
--- a/src/components/Dashboard/utils/Utils.js
+++ b/src/components/Dashboard/utils/Utils.js
@@ -285,6 +285,10 @@ export function getStateTagInfo(state) {
       status = 'success'
       text = 'Paid'
       break
+    case 'overdue':
+      status = 'error'
+      text = 'Overdue'
+      break
     default:
       status = 'default'
       text = state || 'Unknown'