SjxSubham/COntribute-HAcktoX

[Feature] Modify the UI for Dark Theme

Offen

#17 geöffnet am 12.10.2025

Auf GitHub ansehenContributor Guide
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (14 Forks)auto 404
enhancementhacktoberfesthacktoberfest-accepted

Repository-Metriken

Stars
 (8 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

Description

Modify/Implement dark mode for better user experience.

Current Behavior

The site only has a light color scheme.

Proposed Solution

Add dark mode support with a toggle button in the header or footer.

Implementation Ideas

  • Use React Context or state management for theme
  • Create dark mode color variants with Tailwind
  • Add a toggle button (sun/moon icon)
  • Persist user preference in localStorage
  • Respect system preference (prefers-color-scheme)

Acceptance Criteria

  • All sections properly styled in dark mode
  • User preference persists across sessions
  • Smooth transition between themes
  • Respects system color scheme preference

Additional Context

Tailwind CSS has built-in dark mode support with the dark: prefix.

Contributor Guide

Research-Richtung
Implementieren Sie den Dunkelmodus mit Tailwinds dark: Präfix, React Context für den Themenstatus, localStorage für die Persistenz und einem Umschaltknopf. Respektieren Sie auch die Systemeinstellung mit prefers color scheme.
Tech Stack
javascriptreacttailwindcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTailwind CSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75