Skip to content

Commit fc12b05

Browse files
authored
feat(themes): add gruvbox preset with dark palette (JhaSourav07#170)
## Description Fixes JhaSourav07#148 ## Pillar - [x] 🎨 Pillar 1 β€” New Theme Design - [ ] πŸ“ Pillar 2 β€” Geometric SVG Improvement - [ ] πŸ• Pillar 3 β€” Timezone Logic Optimization - [ ] πŸ› οΈ Other (Bug fix, refactoring, docs) ## Visual Preview <img width="1152" height="648" alt="gruvbox" src="https://github.com/user-attachments/assets/56578bfd-7533-4a17-afc6-f539fe6af23d" /> ## Checklist before requesting a review: - [x] I have read the `CONTRIBUTING.md` file. - [x ] I have tested these changes locally (`localhost:3000/api/streak?user=YOUR_USERNAME`). - [x ] I have run `npm run format` and `npm run lint` locally and resolved all errors (CI will fail otherwise). - [x ] My commits follow the Conventional Commits format (e.g., `feat(themes): ...`, `fix(calculate): ...`). - [x ] I have updated `README.md` if I added a new theme or URL parameter. - [x ] I have started the repo. - [x ] I have made sure that i have only one commit to merge in this PR. - [x ] The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts). - [ ] (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.
2 parents a2228bc + 2faae7a commit fc12b05

4 files changed

Lines changed: 14 additions & 0 deletions

File tree

β€ŽREADME.mdβ€Ž

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,7 @@ URL Parameter > Theme Default > System Fallback
106106
| `dracula` | Dracula Pro | `282a36` | `bd93f9` | `f8f8f2` |
107107
| `github` | GitHub green | `0d1117` | `238636` | `ffffff` |
108108
| `light` | Clean & minimal | `ffffff` | `0969da` | `24292f` |
109+
| `gruvbox` | retro warm dark | `282828` | `fe8019` | `ebdbb2` |
109110
| `random` | Surprise theme on reload | _varies_ | _varies_ | _varies_ |
110111

111112
> **`auto` uses CSS `@media (prefers-color-scheme)`** inside the SVG so the badge switches between the `light` and `dark` palettes based on the viewer's OS setting β€” no JavaScript required. This is ideal for GitHub profile READMEs where visitors may use either mode.

β€ŽTHEMES.mdβ€Ž

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,14 @@ Usage: `/api/streak?user=yourusername&theme=github`
4444

4545
---
4646

47+
## 🟠 Gruvbox
48+
49+
![Gruvbox](assets/themes/gruvbox.png)
50+
51+
Usage: `/api/streak?user=yourusername&theme=gruvbox`
52+
53+
---
54+
4755
## 🌊 Ocean
4856

4957
![Ocean](assets/themes/ocean.png)

β€Žassets/themes/gruvbox.pngβ€Ž

33.8 KB
Loading

β€Žlib/svg/themes.tsβ€Ž

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,11 @@ export const themes: Record<string, BadgeTheme> = {
5757
text: 'f8f8f2',
5858
accent: 'ff2d78',
5959
},
60+
gruvbox: {
61+
bg: '282828',
62+
text: 'ebdbb2',
63+
accent: 'fe8019',
64+
},
6065
};
6166

6267
// Auto-theme pairs: the SVG switches between these two palettes

0 commit comments

Comments
Β (0)