Potato Theme
A warm, soothing Visual Studio Code theme featuring a soft peach background with carefully balanced coral, navy, and lavender accents. Built for simplicity and an easy workflow.
Color Palette
Potato Theme uses a carefully curated palette that's easy on the eyes:
| Color Category |
Hex Code |
Usage |
| Navy Blue |
#3D4A7B |
Keywords, Tag Names, Links |
| Sky Blue |
#62A1D6 |
Strings, Documentation, HTML Tags |
| Deep Purple |
#803F7E |
Types, Variables, Classes |
| Magenta |
#C23976 |
Accents |
| Soft Lavender |
#CFD6EE |
Background variants |
| Coral Red |
#E03756 |
Functions, Headings |
| Warm Peach |
#EEAA80 |
Numbers, Constants |
| Bright Red |
#EA3644 |
Errors, Exceptions |
Syntax Highlighting
The theme provides comprehensive syntax highlighting for:
Core Language Features
- Keywords: Navy blue (
#3D4A7B) - Reserved words and storage keywords
- Functions: Bold coral red (
#E03756) - Function definitions and calls
- Classes: Bold deep purple (
#803F7E) - Class names and inheritance
- Variables: Deep purple (
#803F7E) - Variable declarations
- Types: Deep purple (
#803F7E) - Type definitions
- Strings: Sky blue (
#62A1D6) - String literals
- Numbers: Warm peach (
#EEAA80) - Numeric constants
- Comments: Gray italic (
#AAAAAA) - Standard comments
- Documentation: Sky blue (
#62A1D6) - Doc comments
Markup & Web
- HTML Tags: Sky blue (
#62A1D6) - Tag syntax
- HTML Tag Names: Navy blue (
#3D4A7B) - Tag identifiers
- CSS Selectors: Deep purple (
#803F7E) - CSS selectors
- CSS Properties: Warm peach (
#EEAA80) - Property names
- CSS Values: Sky blue (
#62A1D6) - Property values
Errors & Warnings
- Errors: Bright red (
#EA3644) - Invalid syntax, illegal operations
- Exceptions: Bright red (
#EA3644) - Exception handling
Installation
From VS Code Marketplace
- Open VS Code
- Go to Extensions (⇧⌘X on macOS, Ctrl+Shift+X on Windows/Linux)
- Search for "Potato Theme"
- Click Install
- Go to Preferences > Color Theme (⌘K⌘T on macOS, Ctrl+K Ctrl+T on Windows/Linux)
- Select "Potato"
Manual Installation
- Clone this repository
- Open the
potato-theme folder in VS Code
- Press
F5 to open a new window with the theme installed
- Or copy the theme folder to
.vscode/extensions/ in your home directory
Features
- Soft Background: Very light pink (
#F8D1CE) reduces eye strain during long coding sessions
- High Contrast: Dark foreground (
#3D4A7B) ensures readability
- Semantic Colors: Consistent color usage across languages helps with code understanding
- Modern Palette: Carefully balanced warm and cool tones create visual harmony
- Comprehensive Coverage: Supports all major programming languages and markup
Supported Languages
Potato Theme provides optimized syntax highlighting for:
- JavaScript, TypeScript, JSON
- Python, Java, C/C++, C#
- HTML, CSS, SCSS, LESS
- Markdown, YAML, XML
- Go, Rust, Swift, Kotlin
- Ruby, PHP, Perl
- And more...
Customization
Want to tweak the theme? The theme file is located at:
potato-theme/themes/Potato-color-theme.json
You can modify colors directly in this file and reload VS Code to see changes.
Preview
The theme features:
- Editor Background: Soft pink (
#F8D1CE)
- Editor Foreground: Navy blue (
#3D4A7B)
- Syntax Colors: Warm coral and peachy tones balanced with cool blues and purples
- UI Theme: Light theme base (
vs)
Contributing
Contributions are welcome! If you'd like to improve Potato Theme:
- Fork the repository
- Create a feature branch
- Make your changes
- Submit a pull request
License
This theme is provided as-is for free use.
Acknowledgments
Built with care for developers who appreciate a warm, inviting coding environment.
Made with for developers who like things cozy
