Skip to content

Feat : Add Light & Dark Theme Support to Notes App #100

@venisha-kalola

Description

@venisha-kalola

Project slug (e.g., snake, todo)

notes

Summary

Implement a theme switcher in the Notes App that allows users to toggle between Light and Dark modes. This feature improves accessibility and user comfort, especially for users who prefer darker interfaces during night use.

Details / Acceptance criteria

Add a theme toggle button (🌞 / 🌙 icon or switch).

Store the user’s theme preference in LocalStorage so it persists after reload.

Ensure consistent styling across all UI components (notes list, editor, buttons, modals).

Provide a smooth transition animation when switching themes.

Follow accessibility guidelines for text contrast and readability.

Scope

  • UI changes
  • Logic changes
  • Accessibility
  • Tests (manual)

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions