Thyme21g Theme
A beautiful, muted yet vibrant theme for VS Code with carefully selected colors that are easy on the eyes during long coding sessions.
Features
- Muted yet vibrant color palette
- Carefully selected contrast for better readability
- Support for all major programming languages
- Semantic highlighting support
- Terminal theming
- Git integration
Installation
- Open Extensions view in VS Code by clicking on the Extensions icon in the Activity Bar or by pressing
Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (macOS).
- Search for "Thyme21g".
- Click Install to install the extension.
- Open the Command Palette (
Ctrl+Shift+P or Cmd+Shift+P).
- Select "Preferences: Color Theme" and choose "Thyme21g".
Color Palette
| Color |
Usage |
Hex |
 |
Background |
#1E1E2E |
 |
Foreground |
#CDD6F4 |
 |
Blue |
#89B4FA |
 |
Red |
#F38BA8 |
 |
Green |
#A6E3A1 |
 |
Yellow |
#F9E2AF |
 |
Purple |
#CBA6F7 |
 |
Teal |
#94E2D5 |
 |
Rosewater |
#F5E0DC |
 |
Peach |
#FAB387 |
 |
Subtext 0 |
#6C7086 |
 |
Subtext 1 |
#9399B2 |
 |
Surface 0 |
#45475A |
 |
Surface 1 |
#585B70 |
 |
Surface 2 |
#313244 |
 |
Base |
#181825 |
Recommended Settings
For the best experience, add these to your settings.json:
{
"editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.letterSpacing": 0.5,
"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": "on",
"editor.smoothScrolling": true,
"editor.bracketPairColorization.enabled": true,
"workbench.colorCustomizations": {
"[Thyme21g]": {
"editorCursor.foreground": "#F5E0DC",
"editor.lineHighlightBackground": "#31324480"
}
}
}
Screenshots
TypeScript

JavaScript

Python

Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
MIT © Thyme21g