Skip to content

Fix Text Visibility in Add/Edit Note Screens for Dark Mode #251

@rcAsironman

Description

@rcAsironman

Description

Currently, when a user writes content in the AddNoteScreen or EditNoteScreen while the app is in dark mode, the text appears black. This leads to poor visibility because the black text blends in with the dark editor background, making it difficult or impossible for users to read their input.

To resolve this issue:

  • Ensure that the text color dynamically changes to white when the app is in dark mode.
  • Maintain optimal contrast between text and background to support readability.

Tasks

  • Review the theme detection logic in both AddNoteScreen and EditNoteScreen.

  • Investigate how text color is currently applied and whether it responds to dark mode changes.

  • Update the text color to white (or a light shade) when dark mode is enabled.

  • Ensure the title, tags, and body content fields all reflect the new styling.

  • Write and implement test cases to verify:

    • Correct text color in dark mode.
    • Correct text color in light mode (should remain black).
  • Verify the fix on both iOS and Android platforms.

Acceptance Criteria

  • Text in both AddNoteScreen and EditNoteScreen is clearly visible (white/light color) in dark mode.
  • Text remains black/dark in light mode with no regressions.
  • All test cases pass successfully.
  • Feature operates smoothly and consistently across both iOS and Android.

Reference:

light mode:

Image

dark mode:

Image

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

In Progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions