Summary of What Needs to be Done
Replace hardcoded text-black class usages in the duration completion modal within frontend/src/components/Dashboard/DashboardTasks.jsx and frontend/src/components/Dashboard/TaskPreview.jsx with theme-aware text color classes.
Changes that Need to be Made
Replace hardcoded text-black and text-black/90 in the duration modal with text-main and text-muted following the existing dark-mode pattern.
DashboardTasks.jsx:
text-black/90 -> text-main
text-black (p tag) -> text-muted
text-black (input) -> text-gray-900 dark:text-white
text-black (cancel button) -> text-gray-700 dark:text-gray-200
TaskPreview.jsx:
text-black/90 -> text-main
text-black (p tag) -> text-muted
text-black (input) -> text-gray-900 dark:text-white
text-black (cancel button) -> text-gray-700 dark:text-gray-200
Impact that it would Provide
- Modal text is readable in dark mode
- Consistent dark-mode styling throughout the app
- Fixes visual accessibility issues in dark mode
Note: Please assign this issue to the tmdeveloper007 account.
Summary of What Needs to be Done
Replace hardcoded
text-blackclass usages in the duration completion modal withinfrontend/src/components/Dashboard/DashboardTasks.jsxandfrontend/src/components/Dashboard/TaskPreview.jsxwith theme-aware text color classes.Changes that Need to be Made
Replace hardcoded
text-blackandtext-black/90in the duration modal withtext-mainandtext-mutedfollowing the existing dark-mode pattern.DashboardTasks.jsx:
text-black/90->text-maintext-black(p tag) ->text-mutedtext-black(input) ->text-gray-900 dark:text-whitetext-black(cancel button) ->text-gray-700 dark:text-gray-200TaskPreview.jsx:
text-black/90->text-maintext-black(p tag) ->text-mutedtext-black(input) ->text-gray-900 dark:text-whitetext-black(cancel button) ->text-gray-700 dark:text-gray-200Impact that it would Provide
Note: Please assign this issue to the
tmdeveloper007account.