Skip to content

feat: add shuffle button for theme presets#201

Open
opinder8699 wants to merge 1 commit into
JhaSourav07:mainfrom
opinder8699:feat/theme-shuffle-button
Open

feat: add shuffle button for theme presets#201
opinder8699 wants to merge 1 commit into
JhaSourav07:mainfrom
opinder8699:feat/theme-shuffle-button

Conversation

@opinder8699
Copy link
Copy Markdown

Description

Adds a Shuffle Theme button to the customize page so users can quickly preview random preset themes without manually cycling through the dropdown.

Fixes #136

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

##Changes Made
-[x]Added a Shuffle icon button using lucide-react
-[x]Implemented handleRandomTheme for random preset selection
-[x]Excluded the auto theme from shuffle behavior
-[x]Prevented immediate repetition of the currently active theme
-[x]Added hover, scale, and active click animations

Visual Preview

Added a shuffle button beside the theme selector for quick random theme discovery.
Screenshot 2026-05-19 124435

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
  • My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
  • I have started the repo.
  • I have made sure that i have only one commit to merge in this PR.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 19, 2026

@opinder8699 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown

👋 Hey @opinder8699, welcome to CommitPulse! 🎉

Thanks for opening your first pull request — this is a big deal and we appreciate the effort!

While you wait for a review, please double-check:

  • ✅ You've read the CONTRIBUTING.md checklist
  • npm run lint, npm run format, and npm run test all pass locally
  • ✅ Your PR has a visual preview if it touches any SVG output
  • 💬 You've joined our Discord for faster PR feedback

A maintainer will review your PR shortly. Hang tight! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add a "Random Theme" Button to Customize UI

1 participant