diff --git a/THEMES.md b/THEMES.md
index 2b4d404..6ebf0a9 100644
--- a/THEMES.md
+++ b/THEMES.md
@@ -1,48 +1,33 @@
-# 🎨 CommitPulse Theme Gallery
-
-This gallery showcases all available themes for the CommitPulse streak card.
-
----
-
-## 🌌 Neon
-
-
-
-Usage:
-`/api/streak?user=yourusername&theme=neon`
-
----
-
-## 🧛 Dracula
-
-
-
-Usage:
-`/api/streak?user=yourusername&theme=dracula`
-
----
-
-## 🌑 Dark
-
-
-
-Usage:
-`/api/streak?user=yourusername&theme=dark`
-
----
-
-## 🌕 Light
-
-
-
-Usage:
-`/api/streak?user=yourusername&theme=light`
-
----
-
-## 🐙 GitHub
-
-
-
-Usage:
-`/api/streak?user=yourusername&theme=github`
+# 🏛️ Theme Gallery
+
+This gallery provides a visual reference for all available color themes in CommitPulse. To use a theme, pass the **Theme Key** to the `theme` parameter in your URL.
+
+**Example Usage:**
+`/api/streak?user=yourusername&theme=aurora`
+
+| # | Theme Name | Theme Key | Preview | Description |
+| :--- | :--- | :--- | :---: | :--- |
+| 1 | **Aurora** | `aurora` | 
| Deep red northern lights aesthetic with a dark forest background. |
+| 2 | **Cyber Cyan** | `cyber-cyan` | 
| A clean, futuristic teal glow on a deep obsidian base. |
+| 3 | **Dark** | `dark` | 
| The classic, professional GitHub dark mode aesthetic. |
+| 4 | **Deep Ocean** | `deep-ocean` | 
| Submerged dark tones with a soft bioluminescent teal accent. |
+| 5 | **Dracula** | `dracula` | 
| The iconic high-contrast palette with purple and pink accents. |
+| 6 | **Electric Indigo** | `electric-indigo` | 
| High-voltage indigo blocks with a sleek, midnight-violet background. |
+| 7 | **Ember** | `ember` | 
| High-contrast orange glow inspired by heat and burning coals. |
+| 8 | **Future Dusk** | `future-dusk` | 
| A moody cosmic purple trend—sophisticated and modern. |
+| 9 | **Github** | `github` | 
| The traditional GitHub color scheme with solid green accents. |
+| 10 | **Hyper Violet** | `hyper-violet` | 
| Vibrant electric violet optimized for high-tech profiles. |
+| 11 | **Light** | `light` | 
| Clean, professional light mode for high-brightness environments. |
+| 12 | **Midnight Purple** | `midnight-purple` | 
| Deep velvet purple tones with bright lavender highlights. |
+| 13 | **Neon** | `neon` | 
| High-energy black base with neon cyan and magenta retro accents. |
+| 14 | **Neon Magenta** | `neon-magenta` | 
| Sharp, energetic pink glow against a pitch-black background. |
+| 15 | **Nord** | `nord` | 
| Arctic-inspired palette providing a cool, minimal frost feel. |
+| 16 | **One Dark** | `one-dark` | 
| The classic, high-contrast dark theme inspired by Atom. |
+| 17 | **Rose Pine** | `rose-pine` | 
| Ethereal and moody palette with sophisticated purple tones. |
+| 18 | **Sunset Burn** | `sunset-burn` | 
| Fiery orange and amber accents inspired by a deep horizon. |
+| 19 | **Synthwave** | `synthwave` | 
| Retro-futuristic red-grid aesthetic with high-contrast glowing blocks. |
+| 20 | **Tokyo Night** | `tokyo-night` | 
| Deep storm-blue with vibrant, high-contrast neon accents. |
+
+---
+
+*Note: Replace `yourusername` with your GitHub username and `aurora` with any other **Theme Key** to see your actual live streak.*
\ No newline at end of file
diff --git a/assets/themes/aurora.png b/assets/themes/aurora.png
new file mode 100644
index 0000000..fc22d5a
Binary files /dev/null and b/assets/themes/aurora.png differ
diff --git a/assets/themes/cyber-cyan.png b/assets/themes/cyber-cyan.png
new file mode 100644
index 0000000..66a0f00
Binary files /dev/null and b/assets/themes/cyber-cyan.png differ
diff --git a/assets/themes/dark.png b/assets/themes/dark.png
index cc9f055..60fccc8 100644
Binary files a/assets/themes/dark.png and b/assets/themes/dark.png differ
diff --git a/assets/themes/deep-ocean.png b/assets/themes/deep-ocean.png
new file mode 100644
index 0000000..42b3c81
Binary files /dev/null and b/assets/themes/deep-ocean.png differ
diff --git a/assets/themes/dracula.png b/assets/themes/dracula.png
index 1fe585b..58d9195 100644
Binary files a/assets/themes/dracula.png and b/assets/themes/dracula.png differ
diff --git a/assets/themes/electric-indigo.png b/assets/themes/electric-indigo.png
new file mode 100644
index 0000000..e3f987d
Binary files /dev/null and b/assets/themes/electric-indigo.png differ
diff --git a/assets/themes/ember.png b/assets/themes/ember.png
new file mode 100644
index 0000000..2862f37
Binary files /dev/null and b/assets/themes/ember.png differ
diff --git a/assets/themes/future-dusk.png b/assets/themes/future-dusk.png
new file mode 100644
index 0000000..47043c5
Binary files /dev/null and b/assets/themes/future-dusk.png differ
diff --git a/assets/themes/github.png b/assets/themes/github.png
index 9f5d73b..5b29d6c 100644
Binary files a/assets/themes/github.png and b/assets/themes/github.png differ
diff --git a/assets/themes/hyper-violet.png b/assets/themes/hyper-violet.png
new file mode 100644
index 0000000..92d5b87
Binary files /dev/null and b/assets/themes/hyper-violet.png differ
diff --git a/assets/themes/light.png b/assets/themes/light.png
index 61b5836..8ef1600 100644
Binary files a/assets/themes/light.png and b/assets/themes/light.png differ
diff --git a/assets/themes/midnight-purple.png b/assets/themes/midnight-purple.png
new file mode 100644
index 0000000..4879fe0
Binary files /dev/null and b/assets/themes/midnight-purple.png differ
diff --git a/assets/themes/neon-magenta.png b/assets/themes/neon-magenta.png
new file mode 100644
index 0000000..17ae733
Binary files /dev/null and b/assets/themes/neon-magenta.png differ
diff --git a/assets/themes/neon.png b/assets/themes/neon.png
index a569ac4..c61feaf 100644
Binary files a/assets/themes/neon.png and b/assets/themes/neon.png differ
diff --git a/assets/themes/nord.png b/assets/themes/nord.png
new file mode 100644
index 0000000..e98be6c
Binary files /dev/null and b/assets/themes/nord.png differ
diff --git a/assets/themes/one-dark.png b/assets/themes/one-dark.png
new file mode 100644
index 0000000..2bda2f4
Binary files /dev/null and b/assets/themes/one-dark.png differ
diff --git a/assets/themes/rose-pine.png b/assets/themes/rose-pine.png
new file mode 100644
index 0000000..e93b8e1
Binary files /dev/null and b/assets/themes/rose-pine.png differ
diff --git a/assets/themes/sunset-burn.png b/assets/themes/sunset-burn.png
new file mode 100644
index 0000000..9af3f52
Binary files /dev/null and b/assets/themes/sunset-burn.png differ
diff --git a/assets/themes/synthwave.png b/assets/themes/synthwave.png
new file mode 100644
index 0000000..ee08889
Binary files /dev/null and b/assets/themes/synthwave.png differ
diff --git a/assets/themes/tokyo-night.png b/assets/themes/tokyo-night.png
new file mode 100644
index 0000000..139d241
Binary files /dev/null and b/assets/themes/tokyo-night.png differ
diff --git a/lib/svg/themes.ts b/lib/svg/themes.ts
index c68bd79..a11cc85 100644
--- a/lib/svg/themes.ts
+++ b/lib/svg/themes.ts
@@ -1,30 +1,104 @@
-// lib/svg/themes.ts
-import { BadgeTheme } from '../../types';
-
-export const themes: Record = {
- dark: {
- bg: '0d1117',
- text: 'c9d1d9',
- accent: '58a6ff',
- },
- light: {
- bg: 'ffffff',
- text: '24292f',
- accent: '0969da',
- },
- neon: {
- bg: '000000',
- text: '00ffcc',
- accent: 'ff00ff',
- },
- github: {
- bg: '0d1117',
- text: 'ffffff',
- accent: '238636', // The classic green
- },
- dracula: {
- bg: '282a36',
- text: 'f8f8f2',
- accent: 'bd93f9',
- },
-};
+import { BadgeTheme } from '../../types';
+
+export const themes: Record = {
+ aurora: {
+ bg: '010c09',
+ text: 'fff1f1',
+ accent: 'ff0000',
+ },
+ 'cyber-cyan': {
+ bg: '020c0b',
+ text: 'ccfbf1',
+ accent: '14b8a6',
+ },
+ dark: {
+ bg: '0d1117',
+ text: 'c9d1d9',
+ accent: '58a6ff',
+ },
+ 'deep-ocean': {
+ bg: '050a0a',
+ text: 'e2e8f0',
+ accent: '2dd4bf',
+ },
+ dracula: {
+ bg: '282a36',
+ text: 'f8f8f2',
+ accent: 'bd93f9',
+ },
+ 'electric-indigo': {
+ bg: '12101f',
+ text: 'd1b3ff',
+ accent: '8b5cf6',
+ },
+ ember: {
+ bg: '100b00',
+ text: 'ffe4b5',
+ accent: 'ff4500',
+ },
+ 'future-dusk': {
+ bg: '050510',
+ text: 'b3b3ff',
+ accent: 'ff00ff',
+ },
+ github: {
+ bg: '0d1117',
+ text: 'ffffff',
+ accent: '238636',
+ },
+ 'hyper-violet': {
+ bg: '0f0524',
+ text: 'd1b3ff',
+ accent: '9d4edd',
+ },
+ light: {
+ bg: 'ffffff',
+ text: '24292f',
+ accent: '0969da',
+ },
+ 'midnight-purple': {
+ bg: '080510',
+ text: 'd8b4fe',
+ accent: 'a855f7',
+ },
+ neon: {
+ bg: '000000',
+ text: '00ffcc',
+ accent: 'ff00ff',
+ },
+ 'neon-magenta': {
+ bg: '0a050f',
+ text: 'fbcfe8',
+ accent: 'db2777',
+ },
+ nord: {
+ bg: '2e3440',
+ text: 'd8dee9',
+ accent: '81a1c1',
+ },
+ 'one-dark': {
+ bg: '282c34',
+ text: 'abb2bf',
+ accent: '61afef',
+ },
+ 'rose-pine': {
+ bg: '191724',
+ text: 'e0def4',
+ accent: 'c4a7e7',
+ },
+ 'sunset-burn': {
+ bg: '0a0705',
+ text: 'ffe4b5',
+ accent: 'f97316',
+ },
+ synthwave: {
+ bg: '1a0505',
+ text: 'ffb3b3',
+ accent: 'ff2a2a',
+ },
+ 'tokyo-night': {
+ bg: '1a1b26',
+ text: 'cfc9c2',
+ accent: '7aa2f7',
+ },
+};