11# 🎨 CommitPulse Themes
22
3- All 13 available themes for your CommitPulse badge. Use the ` ?theme=<slug> ` query parameter to apply a theme.
3+ All 13 available themes for your CommitPulse badge. Use the ` ?theme=<slug> ` query parameter to apply a
4+ theme.
45
56```
67https://commitpulse.vercel.app/api/badge?username=YOUR_USERNAME&theme=<slug>
@@ -10,78 +11,81 @@ https://commitpulse.vercel.app/api/badge?username=YOUR_USERNAME&theme=<slug>
1011
1112## Theme Gallery
1213
13- | Theme | Preview | Background | Text | Accent |
14- | ---------------- | ------------------------------------------------------------------------------------------ | ---------- | --------- | --------- |
15- | ** dark** | ![ dark ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=dark ) | ` #0d1117 ` | ` #c9d1d9 ` | ` #58a6ff ` |
16- | ** light** | ![ light ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=light ) | ` #ffffff ` | ` #24292f ` | ` #0969da ` |
17- | ** neon** | ![ neon ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=neon ) | ` #000000 ` | ` #00ffcc ` | ` #ff00ff ` |
18- | ** github** | ![ github ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=github ) | ` #0d1117 ` | ` #ffffff ` | ` #238636 ` |
19- | ** dracula** | ![ dracula ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=dracula ) | ` #282a36 ` | ` #f8f8f2 ` | ` #bd93f9 ` |
20- | ** ocean** | ![ ocean ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=ocean ) | ` #0a192f ` | ` #ccd6f6 ` | ` #64ffda ` |
21- | ** sunset** | ![ sunset ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=sunset ) | ` #1a0a0a ` | ` #ffd6c0 ` | ` #ff6b35 ` |
22- | ** forest** | ![ forest ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=forest ) | ` #0d1f0d ` | ` #c8f0c8 ` | ` #39d353 ` |
23- | ** rose** | ![ rose ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=rose ) | ` #1f0d14 ` | ` #f0c8d4 ` | ` #ff6b9d ` |
24- | ** nord** | ![ nord ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=nord ) | ` #2e3440 ` | ` #d8dee9 ` | ` #88c0d0 ` |
25- | ** synthwave** | ![ synthwave ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=synthwave ) | ` #0d0221 ` | ` #f8f8f2 ` | ` #ff2d78 ` |
26- | ** gruvbox** | ![ gruvbox ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=gruvbox ) | ` #282828 ` | ` #ebdbb2 ` | ` #fe8019 ` |
27- | ** highcontrast** | ![ highcontrast ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=highcontrast ) | ` #0a0a0a ` | ` #888888 ` | ` #ff4500 ` |
14+ | Theme | Background | Text | Accent |
15+ | ------------ | ---------- | --------- | --------- |
16+ | dark | ` #0d1117 ` | ` #c9d1d9 ` | ` #58a6ff ` |
17+ | light | ` #ffffff ` | ` #24292f ` | ` #0969da ` |
18+ | neon | ` #000000 ` | ` #00ffcc ` | ` #ff00ff ` |
19+ | github | ` #0d1117 ` | ` #ffffff ` | ` #238636 ` |
20+ | dracula | ` #282a36 ` | ` #f8f8f2 ` | ` #bd93f9 ` |
21+ | ocean | ` #0a192f ` | ` #ccd6f6 ` | ` #64ffda ` |
22+ | sunset | ` #1a0a0a ` | ` #ffd6c0 ` | ` #ff6b35 ` |
23+ | forest | ` #0d1f0d ` | ` #c8f0c8 ` | ` #39d353 ` |
24+ | rose | ` #1f0d14 ` | ` #f0c8d4 ` | ` #ff6b9d ` |
25+ | nord | ` #2e3440 ` | ` #d8dee9 ` | ` #88c0d0 ` |
26+ | synthwave | ` #0d0221 ` | ` #f8f8f2 ` | ` #ff2d78 ` |
27+ | gruvbox | ` #282828 ` | ` #ebdbb2 ` | ` #fe8019 ` |
28+ | highcontrast | ` #0a0a0a ` | ` #888888 ` | ` #ff4500 ` |
2829
2930---
3031
31- ## Color Swatches
32+ ## Preview URLs
3233
33- ### dark
34+ Use these URLs to preview each theme in your README:
3435
35- ![ bg ] ( https://img.shields.io/badge/bg-%230d1117-0d1117?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23c9d1d9-c9d1d9?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%2358a6ff-58a6ff?style=flat-square )
36+ ** dark **
3637
37- ### light
38+ ![ dark ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=dark )
3839
39- ![ bg ] ( https://img.shields.io/badge/bg-%23ffffff-ffffff?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%2324292f-24292f?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%230969da-0969da?style=flat-square )
40+ ** light **
4041
41- ### neon
42+ ![ light ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=light )
4243
43- ![ bg ] ( https://img.shields.io/badge/bg-%23000000-000000?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%2300ffcc-00ffcc?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23ff00ff-ff00ff?style=flat-square )
44+ ** neon **
4445
45- ### github
46+ ![ neon ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=neon )
4647
47- ![ bg ] ( https://img.shields.io/badge/bg-%230d1117-0d1117?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23ffffff-ffffff?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23238636-238636?style=flat-square )
48+ ** github **
4849
49- ### dracula
50+ ![ github ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=github )
5051
51- ![ bg ] ( https://img.shields.io/badge/bg-%23282a36-282a36?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23f8f8f2-f8f8f2?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23bd93f9-bd93f9?style=flat-square )
52+ ** dracula **
5253
53- ### ocean
54+ ![ dracula ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=dracula )
5455
55- ![ bg ] ( https://img.shields.io/badge/bg-%230a192f-0a192f?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23ccd6f6-ccd6f6?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%2364ffda-64ffda?style=flat-square )
56+ ** ocean **
5657
57- ### sunset
58+ ![ ocean ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=ocean )
5859
59- ![ bg ] ( https://img.shields.io/badge/bg-%231a0a0a-1a0a0a?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23ffd6c0-ffd6c0?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23ff6b35-ff6b35?style=flat-square )
60+ ** sunset **
6061
61- ### forest
62+ ![ sunset ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=sunset )
6263
63- ![ bg ] ( https://img.shields.io/badge/bg-%230d1f0d-0d1f0d?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23c8f0c8-c8f0c8?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%2339d353-39d353?style=flat-square )
64+ ** forest **
6465
65- ### rose
66+ ![ forest ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=forest )
6667
67- ![ bg ] ( https://img.shields.io/badge/bg-%231f0d14-1f0d14?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23f0c8d4-f0c8d4?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23ff6b9d-ff6b9d?style=flat-square )
68+ ** rose **
6869
69- ### nord
70+ ![ rose ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=rose )
7071
71- ![ bg ] ( https://img.shields.io/badge/bg-%232e3440-2e3440?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23d8dee9-d8dee9?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%2388c0d0-88c0d0?style=flat-square )
72+ ** nord **
7273
73- ### synthwave
74+ ![ nord ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=nord )
7475
75- ![ bg ] ( https://img.shields.io/badge/bg-%230d0221-0d0221?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23f8f8f2-f8f8f2?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23ff2d78-ff2d78?style=flat-square )
76+ ** synthwave **
7677
77- ### gruvbox
78+ ![ synthwave ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=synthwave )
7879
79- ![ bg ] ( https://img.shields.io/badge/bg-%23282828-282828?style=flat-square ) ![ text ] ( https://img.shields.io/badge/text-%23ebdbb2-ebdbb2?style=flat-square ) ![ accent ] ( https://img.shields.io/badge/accent-%23fe8019-fe8019?style=flat-square )
80+ ** gruvbox **
8081
81- ### highcontrast
82+ ![ gruvbox ] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=gruvbox )
8283
83- ![ bg] ( https://img.shields.io/badge/bg-%230a0a0a-0a0a0a?style=flat-square ) ![ text] ( https://img.shields.io/badge/text-%23888888-888888?style=flat-square ) ![ accent] ( https://img.shields.io/badge/accent-%23ff4500-ff4500?style=flat-square )
84+ ** highcontrast**
85+
86+ ![ highcontrast] ( https://commitpulse.vercel.app/api/badge?username=demo&theme=highcontrast )
8487
8588---
8689
87- > 💡 ** Tip:** Use ` ?theme=auto ` to automatically switch between ` light ` and ` dark ` based on the viewer's OS setting.
90+ > 💡 ** Tip:** Use ` ?theme=auto ` to automatically switch between ` light ` and ` dark ` based on the
91+ > viewer's OS setting.
0 commit comments