Cha Thai is a warm, vibrant Visual Studio Code theme inspired by traditional Thai milk tea. With its soft cream backgrounds, rich tea-brown syntax, and highlights of tea-orange and basil green, this theme is designed to bring both comfort and clarity to your daily coding sessions.
- 🌿 Soft & Refreshing — Gentle backgrounds with high readability
- 🧋 Thai-Inspired Palette — A unique blend of orange, brown, cream, and orchid purple
- ✨ Syntax Clarity — Carefully tuned token colors for comments, functions, variables, strings, and more
- 🎯 UI Harmony — Consistent accent colors across sidebars, tabs, status bar, and title bar
| Element | Color Name | Hex Code |
|---|---|---|
| Editor Background | Light Cream | #f9efe5 |
| Editor Foreground | Tea Brown | #5a2a00 |
| Accent Orange | Thai Tea Orange | #c97135 |
| Active Button | Deep Thai Orange | #a85a23 |
| Comments | Mild Choco Gray | #9b7e6b |
| Strings | Basil Green | #448c27 |
| Functions & Tags | Milk Tea Orange | #f28500 |
| Keywords | Burnt Orange | #d35400 |
| Errors | Brick Red | #d75a4a |
| Warnings | Golden Amber | #d4a017 |
| Classes / Types | Orchid Purple | #7a3e9d |
- Open VS Code
- Go to Extensions (
Ctrl+Shift+Xor⇧⌘Xon macOS) - Search for Cha Thai
- Click Install
- Open Command Palette →
Preferences: Color Theme→ Select Cha Thai
- Visual Studio Marketplace: https://marketplace.visualstudio.com/items?itemName=pargornru.cha-thai
- Open VSX Registry: https://open-vsx.org/extension/pargornru/cha-thai
- Repository: https://github.com/xNewz/cha-thai
Pull requests and suggestions are welcome! If you find an issue or want to improve the theme, feel free to open an Issue or PR on GitHub.
- Open the repo in VS Code and press F5 to launch an Extension Development Host.
- Switch to the theme via Command Palette → "Preferences: Color Theme" → Cha Thai.
- Edit
themes/cha-thai-color-theme.jsonand reload the window to see changes.
- Package locally:
npm run package(creates a.vsix) - Publish to VS Marketplace:
npm run publish:vsce(requires VSCE token) - Publish to Open VSX:
npm run publish:ovsx(requires OVSX token)
See CONTRIBUTING.md for details.
This theme is released under the MIT License. You are free to use, modify, and share it.
☕ Enjoy coding with a cup of Cha Thai 🧋