Skip to content

Feature: Add working dark mode toggle to website #3

@rupjyoti-patgiri

Description

@rupjyoti-patgiri

The website currently only supports light mode. A dark mode toggle should be added to improve accessibility and user comfort, especially during night-time usage.

Expected Behavior:

A toggle button (e.g., in navbar or header) that switches the theme between light and dark.

The dark theme should apply across all components like navbar, cards, footer, etc.

Store user preference using localStorage to persist across sessions.

Suggested Approach:

Use Tailwind CSS's dark variant or custom CSS variables.

Use a state variable or class toggle to switch themes dynamically.

Additional Context:
This will enhance the UX and is a great addition to the overall design of the News Aggregator.

Metadata

Metadata

Assignees

No one assigned

    Labels

    MediumContains 10 pointsenhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions