Curated developer themes and color schemes

Skins for Your Keys

A curated gallery of IDE themes, terminal color schemes, and keybinding layouts. Crafted by developers, for developers.

Browse Gallery Submit Yours

Theme Gallery

Find the perfect skin for your editor, terminal, or keybinding setup.

All Dark Light Terminal Keybindings Minimal High Contrast
const palette = { rosewater: "#f5e0dc", flamingo: "#f2cdcd", mauve: "#cba6f7", }; // Catppuccin Mocha export default palette;

Catppuccin Mocha

Dark
def fibonacci(n: int) -> list: """Generate Fibonacci sequence.""" a, b = 0, 1 for _ in range(n): yield a a, b = b, a + b

One Dark Pro

Dark
import { useState } from 'react'; export const Counter = () => { const [count, setCount] = useState(0); return <button onClick={() => setCount(c => c+1)}> {count} </button>;

One Light

Light
SELECT u.username, COUNT(t.id) AS themes FROM users u JOIN themes t ON t.author_id = u.id WHERE t.downloads > 100000 GROUP BY u.username ORDER BY themes DESC;

Tokyo Night

Dark
import json from pathlib import Path class ThemeLoader: def __init__(self, path: Path): self.data = json.loads( path.read_text() )

Solarized Dark

Dark
import React from 'react'; const App = () => ( <main className="dracula"> <h1>{"Dark Mode"}</h1> <p>{42} themes</p> </main> );

Dracula

Dark

Developer Setup Guides

In-depth articles on themes, fonts, editors, and ergonomics.

Submit Your Theme

Share your creation with the developer community. Want to submit your theme? Check out our guide on creating custom VS Code themes to get started.

Upgrade Your Setup

Hand-picked gear for developers who care about comfort and productivity.