From 63a741e389da3c259f2d27b6f3fe626044030112 Mon Sep 17 00:00:00 2001 From: MAYUR AJIT SAHARE Date: Fri, 12 Jun 2026 12:57:44 +0530 Subject: [PATCH 1/3] Add monokai theme to SVG themes --- lib/svg/themes.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/lib/svg/themes.ts b/lib/svg/themes.ts index b478e46a3..f53850d0e 100644 --- a/lib/svg/themes.ts +++ b/lib/svg/themes.ts @@ -37,6 +37,7 @@ export const themes: Record = { tokyonight: makeTheme('1a1b26', 'c0caf5', 'f7768e'), cyberpunk: makeTheme('fce22a', '111111', 'ff003c'), tokyo_night: makeTheme('1a1b26', 'c0caf5', '7aa2f7'), + monokai: makeTheme('272822', 'f8f8f2', 'a6e22e', 'f92672'), }; // Auto-theme pairs: the SVG switches between these two palettes From 2b0b47626c1c280ede48b96795182bf8eb3d12d4 Mon Sep 17 00:00:00 2001 From: MAYUR AJIT SAHARE Date: Fri, 12 Jun 2026 13:00:24 +0530 Subject: [PATCH 2/3] Add Monokai theme to THEMES.md Added Monokai theme details and preview to THEMES.md. --- THEMES.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/THEMES.md b/THEMES.md index 5023ba198..159028853 100644 --- a/THEMES.md +++ b/THEMES.md @@ -36,6 +36,7 @@ https://commitpulse.vercel.app/api/streak?user=YOUR_USERNAME&theme= | cyberpunk | `#fce22a` | `#111111` | `#ff003c` | | glacier | `#e0f2fe` | `#0369a1` | `#06b6d4` | | lumos | `#0a0a0a` | `#a7f3d0` | `#fbbf24` | +| monokai | `#272822` | `#f8f8f2` | `#a6e22e` | --- @@ -329,6 +330,18 @@ https://commitpulse.vercel.app/api/streak?user=YOUR_USERNAME&theme= --- +### Monokai + +![monokai](https://commitpulse.vercel.app/api/streak?user=jhasourav07&theme=monokai) + +| Parameter | Value | +| --------- | ------ | +| `bg` | 272822 | +| `text` | f8f8f2 | +| `accent` | a6e22e | + +--- + ## Custom Theme Not finding what you want? Build your own using raw color parameters - all values are hex codes **without** the `#` prefix: From d39d8c45496e476d86f9a5561c3036ade5995a14 Mon Sep 17 00:00:00 2001 From: MAYUR AJIT SAHARE Date: Fri, 12 Jun 2026 13:00:56 +0530 Subject: [PATCH 3/3] Add 'monokai' theme to README color palette --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 26683ebef..435393736 100644 --- a/README.md +++ b/README.md @@ -146,6 +146,7 @@ Transform your GitHub contribution history into a cinematic 3D monolith. | `glacier` | Icy sky blue & cyan | `e0f2fe` | `06b6d4` | `0369a1` | | `lumos` | Void black & mint gold | `0a0a0a` | `fbbf24` | `a7f3d0` | | `tokyo_night` | Deep navy & soft pastel blue | `1a1b26` | `7aa2f7` | `c0caf5` | +| `monokai` | Classic vibrant dark | `272822` | `a6e22e` | `f8f8f2` | > **`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.