The TextMate theme madeofcode, reproduced across editors, terminals, and tools.
A dark theme on a deep indigo background with vivid, high-contrast accents. The colorblind-safe variants that every port ships remap the same accents:
| Variant | bg | fg | red | green | blue | yellow |
|---|---|---|---|---|---|---|
| default |  #090a1b |
 #f8f8f8 |
 #ff3854 |
 #8fff58 |
 #0a9cff |
 #f1d950 |
| protan | #090a1b |
#f8f8f8 |
 #ffc21f |
 #e8e6de |
 #2f7bff |
 #b07400 |
| tritan | #090a1b |
#f8f8f8 |
#ff3854 |
 #4fd06a |
 #ff7ab0 |
 #ff9d33 |
See the full color breakdown for the complete palette.
Copy vim/colors/madeofcode.vim into ~/.vim/colors/ (or ~/.config/nvim/colors/) and add colorscheme madeofcode to your config.
Two accessibility variants live alongside the main scheme, derived from it so they stay in sync:
vim/colors/madeofcode-protan.vim— for protanopia (red-blindness).vim/colors/madeofcode-tritan.vim— for tritanopia (blue-blindness).
Copy the one you want into your colors directory and set colorscheme madeofcode-protan (or madeofcode-tritan). See Accessibility for how each variant remaps the palette, and why.
Every other port ships the same two variants. Alongside each
madeofcode.*file there is amadeofcode-protan.*and amadeofcode-tritan.*(e.g.zed/madeofcode-protan.json,kitty/madeofcode-tritan.conf,iterm2/madeofcode-protan.itermcolors). Install them exactly like the base theme in each section below, just using the variant filename. They share the same remapped palette, so the colorblind-safe choices are consistent across every editor, terminal, and tool.
Matching themes for IntelliJ IDEA, PyCharm, WebStorm, RubyMine, GoLand, and other JetBrains IDEs live in jetbrains/:
jetbrains/madeofcode.icls— the editor color scheme (syntax highlighting)jetbrains/madeofcode.theme.json— the IDE theme (the whole UI: tool windows, tabs, menus, dialogs) that appears under Appearance
- Settings → Editor → Color Scheme
- Click the gear icon → Import Scheme…
- Select
jetbrains/madeofcode.icls - Pick madeofcode from the scheme dropdown and apply.
The editor scheme is dark (parented on Darcula), so it inherits Darcula for any editor elements not explicitly themed.
The UI theme in jetbrains/madeofcode.theme.json recolors the whole IDE chrome to match, and references the editor scheme above so both stay in sync. JetBrains loads UI themes from plugins, so jetbrains/plugin/ packages it as one you can install directly.
Build the plugin zip (no Gradle needed — a theme is pure resources, so it just needs a JDK on your PATH for jar):
cd jetbrains/plugin
./build.shThis produces jetbrains/plugin/dist/madeofcode-theme-1.0.0.zip. To install it:
- Settings → Plugins
- Click the gear icon → Install Plugin from Disk…
- Select
jetbrains/plugin/dist/madeofcode-theme-1.0.0.zip - Restart the IDE when prompted.
- Choose madeofcode under Settings → Appearance & Behavior → Appearance → Theme.
Selecting the theme automatically applies the matching editor color scheme (via the editorScheme field in the theme). The build script regenerates the theme resources from the source madeofcode.theme.json and madeofcode.icls, so those two files remain the single source of truth.
A matching color theme for Visual Studio Code lives in vscode/, packaged as a theme extension.
To use it without publishing, symlink (or copy) the vscode/ folder into your VS Code extensions directory, then reload:
ln -s "$(pwd)/vscode" ~/.vscode/extensions/madeofcodeThen open the Command Palette → Preferences: Color Theme → madeofcode.
To build a shareable .vsix instead, install vsce and package it:
cd vscode
npx @vscode/vsce packageThat produces madeofcode-1.0.0.vsix, installable via Extensions → … → Install from VSIX…. The theme's syntax colors are derived from the vim colorscheme, which is the source of truth for the palette.
Matching schemes for Sublime Text live in sublime/:
sublime/madeofcode.sublime-color-scheme— the native Sublime formatsublime/madeofcode.tmTheme— the TextMate format (madeofcode's ancestral format), which also drivesbatanddelta
Copy them into your Sublime Packages/User/ directory, then pick madeofcode under Preferences → Color Scheme:
cp sublime/madeofcode.* "$HOME/Library/Application Support/Sublime Text/Packages/User/"For bat, point it at the tmTheme by copying it into "$(bat --config-dir)/themes/", running bat cache --build, and setting --theme=madeofcode (or BAT_THEME=madeofcode).
A matching theme for Zed lives in zed/madeofcode.json.
Copy it into Zed's themes directory and select it via the theme selector (cmd+k cmd+t):
mkdir -p ~/.config/zed/themes
cp zed/madeofcode.json ~/.config/zed/themes/A matching theme for Helix lives in helix/madeofcode.toml.
Copy it into Helix's themes directory and set it in your config:
mkdir -p ~/.config/helix/themes
cp helix/madeofcode.toml ~/.config/helix/themes/Then add theme = "madeofcode" to ~/.config/helix/config.toml (or :theme madeofcode at runtime).
A matching theme for Xcode lives in xcode/madeofcode.xccolortheme.
Copy it into Xcode's font-and-color themes directory, then pick madeofcode under Settings → Themes:
mkdir -p ~/Library/Developer/Xcode/UserData/FontAndColorThemes
cp xcode/madeofcode.xccolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes/Restart Xcode if it's already running so the theme appears in the list.
A matching theme for Eclipse lives in eclipse/madeofcode.xml, in the Eclipse Color Theme format.
Install the Eclipse Color Theme plugin from the Marketplace, then go to Preferences → General → Appearance → Color Theme → Import a theme… and select eclipse/madeofcode.xml.
A matching color scheme for the kitty terminal emulator lives in kitty/madeofcode.conf.
To install, copy it into your kitty config directory and include it:
cp kitty/madeofcode.conf ~/.config/kitty/Then add to ~/.config/kitty/kitty.conf:
include madeofcode.confReload with ctrl+shift+f5 (or restart kitty) to apply.
A matching color theme for the Ghostty terminal lives in ghostty/madeofcode.
To install, copy it into Ghostty's themes directory and reference it from your config:
mkdir -p ~/.config/ghostty/themes
cp ghostty/madeofcode ~/.config/ghostty/themes/Then add theme = madeofcode to ~/.config/ghostty/config.
A matching color theme for Alacritty lives in alacritty/madeofcode.toml.
Copy it into your Alacritty config directory and import it:
mkdir -p ~/.config/alacritty/themes
cp alacritty/madeofcode.toml ~/.config/alacritty/themes/Then add to ~/.config/alacritty/alacritty.toml:
[general]
import = ["~/.config/alacritty/themes/madeofcode.toml"]A matching color preset for iTerm2 lives in iterm2/madeofcode.itermcolors.
Double-click the file to import it (or go to Settings → Profiles → Colors → Color Presets… → Import…), then select madeofcode from the Color Presets dropdown.
A matching color scheme for Windows Terminal lives in windows-terminal/madeofcode.json.
Open Settings → Open JSON file, add the object from windows-terminal/madeofcode.json to the "schemes" array, then set "colorScheme": "madeofcode" in a profile (or pick it under Settings → Profiles → Appearance → Color scheme).
A matching theme for the Pi coding agent lives in pi/madeofcode.json.
To install, copy it into Pi's themes directory:
cp pi/madeofcode.json ~/.pi/agent/themes/Then select madeofcode as your theme in Pi. It reuses the same palette and syntax colors as the Vim and JetBrains schemes.
Syntax-highlighting themes for rendering code on the web live in web/:
- Shiki —
web/shiki/madeofcode.json, a VS Code / TextMate-compatible theme. Load it withcreateHighlighter({ themes: [madeofcode], ... })(import the JSON) and passtheme: 'madeofcode'when highlighting. - highlight.js —
web/highlight.js/madeofcode.css. Link it alongside highlight.js:<link rel="stylesheet" href="madeofcode.css">. - Prism —
web/prism/madeofcode.css. Link it alongside Prism:<link rel="stylesheet" href="madeofcode.css">.
The full palette shared across every editor, terminal, and tool.
| Swatch | Hex | Role |
|---|---|---|
|
#090a1b |
Background |
 |
#12152e |
Background (raised) |
 |
#1c1e30 |
Background (panel) |
 |
#363745 |
Background (border) |
 |
#05448d |
Selection |
|
#f8f8f8 |
Foreground |
 |
#ffffff |
White |
 |
#81818a |
Gray / muted |
| Swatch | Hex | Name |
|---|---|---|
|
#ff3854 |
Red |
 |
#cf6a4c |
Orange |
|
#8fff58 |
Green |
 |
#99cf50 |
Olive |
 |
#00ffbc |
Teal |
|
#f1d950 |
Yellow |
 |
#e9c062 |
Gold |
|
#0a9cff |
Blue |
 |
#588aff |
Blue (bright) |
 |
#6fd3ff |
Cyan |
 |
#45c1ea |
Light blue |
 |
#c050c2 |
Magenta |
 |
#d97ddb |
Pink |
The default palette leans on the red↔green and blue↔cyan↔teal contrasts that colorblindness collapses, so the colorblind-safe variants re-encode syntax roles onto whichever axis each deficiency preserves. Both are derived from the canonical Vim colorscheme, and the same remapping is applied across every port — each one ships a -protan and -tritan file next to its base theme (including the ANSI palettes for terminals and the status-message backgrounds in the richer editor themes). The full role-by-role remapping:
Protanopia (red-blindness) — red renders as a near-invisible gray, so keywords move to bright amber and roles ride the blue↔yellow axis plus lightness:
| Role | Default | Protan-safe |
|---|---|---|
| Keyword / Operator | #ff3854 |
#ffc21f |
| Constant / Number | #0a9cff |
#2f7bff |
| Constant identifier | #00ffbc |
 #8fb4ff |
| Type / Function / Tag | #6fd3ff |
 #b9dcff |
| Instance / global var | #588aff |
 #0a3d91 |
| Decorator | #f1d950 |
#b07400 |
| String | #8fff58 |
#e8e6de |
| Identifier | #99cf50 |
 #c9cbd6 |
| Comment | #c050c2 |
 #7d84b8 |
Tritanopia (blue-blindness) — the blue family collapses into one teal, so it rotates onto pink/orange/teal; red, green, and magenta survive and are kept:
| Role | Default | Tritan-safe |
|---|---|---|
| Keyword / Operator | #ff3854 |
#ff3854 |
| String | #8fff58 |
#4fd06a |
| Comment | #c050c2 |
#c050c2 |
| Type / Function / Tag | #6fd3ff |
 #00d3a0 |
| Constant / Number | #0a9cff |
#ff7ab0 |
| Instance / global var | #588aff |
 #e06a3a |
| Decorator | #f1d950 |
#ff9d33 |
| Constant identifier | #00ffbc |
 #c7f06a |
| Identifier | #99cf50 |
 #a8c0a0 |