Skip to content

fix : replace hardcoded text-black in DashboardTasks and TaskPreview duration modals #1989

Description

@tmdeveloper007

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    frontendIssues related to UI/UX

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions