A Colorful GitHub Theme PackGitHub's VS Code theme, tinted in a bunch of colors.

View in VS Marketplace ↗ Project Source

May 1-Sep 22, 2025

Previews

From VS Code Themes.

Dark Dimmed 🔴 Red

Dark Dimmed 🟠 Orange

Dark Dimmed 🟢 Green

Dark Dimmed 🔵 Blue

Dark Dimmed 🟣 Purple

Dark Dimmed 🟤 Brown

Dark Dimmed 🩶 Muted

Dark Dimmed 🧛 Vampire

Dark 🧛 Vampire

Dark 🩶 Muted

Dark High Contrast 🔴 Red

Dark High Contrast 🟠 Orange

Dark High Contrast 🟢 Green

Dark High Contrast 🔵 Blue

Dark High Contrast 🟣 Purple

Light 🔴 Red

Light 🟠 Orange

Light 🟢 Green

Light 🔵 Blue

Light 🟣 Purple

Summary

I use GitHub’s VS Code theme, and I keep too many windows open. I forked GitHub’s themes and tinted them so each window can be a different color.

Red, orange, green, blue, purple, plus vampire, muted, and brown. Those sit on dark dimmed, dark, high contrast, and light.

Goals

I wanted GitHub’s syntax and UI with the grays shifted. If you squint, it should still look like GitHub.

github.com’s appearance settings already has light, dark, dimmed, and high contrast. I used those as bases and made color families.

Solution

The original theme is a big color scale. I tint the scale instead of rewriting every token.

Grays get a background tint. Blues, greens, reds, ANSI colors can get a second pass so the whole theme leans one way. I do the math in OKLCH. Tint in RGB and either everything goes muddy or the bright colors clip.

I started with five dark dimmed hues. Light, vampire, muted, brown, and high contrast came later. Same recipe.

Learnings

Forking a theme people already use is faster than starting from scratch. You also inherit every gray they never unified. A few of those, and the CSS shadows, still don’t tint.

I can look at the dock and know which window is which. That’s why the names have a color and an emoji.

Stack