debugfest / debugfest/tic-tac-toe

Implement Dark Mode & Custom Themes

Open
#1 3 comments 0 reactions 1 assignee Claimed by @aryash45 View on GitHub
enhancement good first issue hacktoberfest
Dominant language
TypeScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

Currently, the Tic-Tac-Toe interface has a single light theme, which may not suit all user preferences or lighting conditions. Adding dark mode and customizable color themes will enhance accessibility and personalization. Users should be able to switch between light/dark modes and choose from multiple color palettes such as **pastel**, **neon**, or **classic**.

### 🎯 Proposed Solution
- Introduce a **theme switcher** in the settings menu.
- Provide at least 3–4 predefined color schemes (e.g., pastel, neon, dark classic, retro).
- Allow players to customize **board**, **X/O colors**, and **background**.
- Store user theme preferences locally (using `localStorage` or cookies).

### ✅ Expected Behavior
- Users can toggle between light and dark themes instantly.
- Selected themes persist across sessions.
- All UI elements (board, buttons, background, text) adapt consistently to the chosen theme.
- Smooth transition animation when switching themes for better UX.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.