Skip to content

feat: add synthwave theme#83

Merged
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
Priyanshu-byte-coder:feat/synthwave-theme
May 15, 2026
Merged

feat: add synthwave theme#83
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
Priyanshu-byte-coder:feat/synthwave-theme

Conversation

@Priyanshu-byte-coder
Copy link
Copy Markdown
Contributor

@Priyanshu-byte-coder Priyanshu-byte-coder commented May 14, 2026

Description

Fixes #56

Adds a synthwave theme — retro 80s-inspired palette with deep indigo background (#0d0221), neon pink accent glow (#ff2d78), and crisp off-white text (#f8f8f2).

Pillar

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

Visual Preview

Synthwave Theme Preview

Colors:

Key Hex Role
bg #0d0221 Deep space indigo
text #f8f8f2 Off-white
accent #ff2d78 Neon pink glow

Usage: /api/streak?user=yourusername&theme=synthwave

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 updated README.md if I added a new theme or URL parameter.
  • I have starred the repo.
  • I have made sure that I have only one commit to merge in this PR.
  • The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 14, 2026

@Priyanshu-byte-coder is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

Comment thread THEMES.md
@JhaSourav07 JhaSourav07 added GSSoC 2026 Design Creating new color themes, favicons, or Figma mockups. labels May 15, 2026
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
commitpulse Ready Ready Preview, Comment May 15, 2026 4:11am

@JhaSourav07
Copy link
Copy Markdown
Owner

@Priyanshu-byte-coder

PR description is not matching.


## Description

Fixes # (issue number)

## Pillar

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

## Visual Preview

## 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 updated `README.md` if I added a new theme or URL parameter.
- [ ] I have started the repo.
- [ ] I have made sure that i have only one commit to merge in this PR.
- [ ] The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).

this is the PR description also the PNG which you have added is not right, i would request you to update it as the screenshot of SVG generated by the website for you theme.

@Priyanshu-byte-coder Priyanshu-byte-coder force-pushed the feat/synthwave-theme branch 2 times, most recently from a545449 to 99f05f8 Compare May 15, 2026 04:40
@Priyanshu-byte-coder
Copy link
Copy Markdown
Contributor Author

@JhaSourav07

Comment thread assets/themes/synthwave-preview.png Outdated
Adds a synthwave preset — deep indigo background (#0d0221), neon pink
accent glow (#ff2d78), and crisp off-white text (#f8f8f2). Includes
THEMES.md entry and preview screenshot.
@Priyanshu-byte-coder
Copy link
Copy Markdown
Contributor Author

@JhaSourav07 addressed both comments:

  • Removed synthwave-preview.png — only synthwave.png remains now
  • THEMES.md already has ![Synthwave](assets/themes/synthwave.png) — the image now shows the actual SVG badge output (real screenshot from localhost)
  • Updated PR description visual preview to use synthwave.png directly

Ready for re-review!

@JhaSourav07
Copy link
Copy Markdown
Owner

@Priyanshu-byte-coder

Thanks for the contribution.
I am merging it now.

@JhaSourav07 JhaSourav07 merged commit 508143c into JhaSourav07:main May 15, 2026
2 of 3 checks passed
@JhaSourav07
Copy link
Copy Markdown
Owner

Thanks for contributing to CommitPulse 🚀

To make collaboration, PR reviews, issue coordination, and future contributions smoother, we highly recommend joining the CommitPulse Discord community:

https://discord.gg/Cb73bS79j

Inside the server you can:
⚡ discuss implementations with contributors
🛠️ get faster support for setup/issues
🔍 request PR reviews easily
🧠 get guidance and mentorship from assigned mentors
🚀 stay updated with active development discussions

Most contributor coordination happens there, so joining will make the contribution experience much smoother 💜

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

Labels

Design Creating new color themes, favicons, or Figma mockups. GSSoC 2026

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Theme: Add a 'Synthwave' Color Palette for SVGs

2 participants