Kiln
A warm VS Code theme based on ceramic glazes. It comes in two variants, with a file-icon pack drawn in the same palette.
- Kiln Tenmoku: dark. Iron-black backgrounds with bright glaze colours for code.
- Kiln Bisque: light. Unglazed-clay paper, with the glaze colours darkened for daylight.
- Kiln Glyphs: 81 file and folder icons, each in a dark and a light version. Covers 121 extensions and 72 special file names.
Every syntax colour has at least a 4.5:1 contrast ratio against its editor background (WCAG AA).
The glazes
| Glaze |
Role |
Tenmoku |
Bisque |
| Tenmoku Rust |
keywords, tags, UI accent |
#E8906A |
#AA4924 |
| Ruri Cobalt |
functions, methods, links |
#8FB0F0 |
#2D5BB5 |
| Seiji Celadon |
strings, additions |
#A3CBA8 |
#3A7549 |
| Shino Ochre |
types, classes, components |
#E9BC6C |
#8F5D0E |
| Namako Lilac |
numbers, constants, enums |
#C9A8EE |
#7A48AC |
| Kaki Persimmon |
parameters, object keys |
#EDC7A3 |
#9A4E28 |
| Oribe Teal |
regex, escapes, decorators |
#7FCBC6 |
#1C7470 |
| Aka Red |
errors, deletions |
#F07D72 |
#C0392E |
Install
- Install Kiln Theme from the Extensions view, then pick Kiln Tenmoku or Kiln Bisque with ⌘K ⌘T (Ctrl+K Ctrl+T on Windows and Linux).
- Choose Kiln Glyphs under Preferences → File Icon Theme.
- Install the font. On macOS:
brew install --cask font-recursive-code. On Windows and Linux, download it from recursive.design.
- Set
"editor.fontFamily": "'Rec Mono Duotone', monospace" in your settings.
To switch between Tenmoku and Bisque with your system appearance:
"window.autoDetectColorScheme": true,
"workbench.preferredDarkColorTheme": "Kiln Tenmoku",
"workbench.preferredLightColorTheme": "Kiln Bisque"
Font
Rec Mono Duotone, from Arrow Type's Recursive family (SIL Open Font License). Code is set in the linear roman. Comments, control-flow keywords and parameters use the casual cursive italic. The theme puts those tokens in italic on purpose.
Customising
All colours come from scripts/palette.mjs. Edit that file, then run:
npm run package
This rebuilds both themes, the icon pack and kiln-theme.vsix.
Made by Vahagn Sargsyan at Bigonix.
