🎉 Now Available on VS Code Marketplace!

Pittaya Theme is now published and available for everyone!

Install from Marketplace →

✨ Features

• Two Beautiful Variants — Dark and Light themes to match your environment
• Minimalist Design — Clean interface that lets your code shine
• Eye-Comfort Optimized — Carefully crafted palettes to reduce eye strain
• Signature Pittaya Color — Distinctive pink accents inspired by dragon fruit
• Optimized for React/TypeScript — Enhanced syntax highlighting for modern web development
• Semantic Highlighting — Advanced token colors for more accurate syntax representation
• Green Accents — Fresh green tones inspired by dragon fruit leaves
• Excellent Readability — High contrast colors for better code comprehension
• Refined Syntax Highlighting — Thoughtfully selected colors for different code elements
• Modern UI — Updated tab styles and interface elements

🎨 Color Palette

Dark Theme

Color	Hex	Usage
Background	#1a1a1a	Deep dark background
Foreground	#e8e8e8	Clear, readable text
Primary	#ff637e	Keywords, tags, primary elements
Secondary	#8fd460	Functions, methods, brackets
Tertiary	#b8e986	Types, attributes, props
Strings	#ffcc66	String literals
Constants	#ff9eb3	Constants, numbers
Comments	#707070	Comments and documentation

Light Theme

Color	Hex	Usage
Background	#fafafa	Ultra-light background
Foreground	#2a2a2a	Dark, readable text
Primary	#d91656	Keywords, tags, primary elements
Secondary	#2f9e44	Functions, methods, brackets
Tertiary	#2b8a3e	Types, attributes, props
Strings	#d97900	String literals
Constants	#c2255c	Constants, numbers
Comments	#909090	Comments and documentation

📦 Installation

From VS Code Marketplace (Recommended)

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for "Pittaya Theme"
4. Click Install
5. Press Ctrl+K Ctrl+T and select Pittaya Dark or Pittaya Light

Or install directly from the marketplace

From Command Line

code --install-extension pittaya-org.pittaya-theme

Local Development

If you want to contribute or test locally:

1. Clone this repository:

   git clone https://github.com/pittaya-ui/pittaya-theme.git
   

2. Copy the theme folder to your VS Code extensions directory:

   • Windows: %USERPROFILE%\.vscode\extensions
   • macOS: ~/.vscode/extensions
   • Linux: ~/.vscode/extensions

3. Reload VS Code

🚀 Future Plans

• [x] Enhanced TypeScript/TSX syntax highlighting
• [x] Optimized color scheme for React development
• [x] Green accent colors inspired by dragon fruit leaves
• [x] Semantic token colors for advanced highlighting
• [x] Create extension icon
• [x] Add screenshots and preview images
• [x] Publish to VS Code Marketplace
• [x] Create light theme variant
• [ ] Complete syntax highlighting for all major languages
• [ ] Add theme customization options
• [ ] Create comprehensive documentation
• [ ] Community feedback integration

🤝 Contributing

Contributions are welcome! Feel free to:

• Report bugs or issues on GitHub Issues
• Suggest new features or improvements
• Submit pull requests
• Leave a review on the Marketplace

📄 License

MIT License - feel free to use this theme however you'd like!