A sophisticated dark theme for Visual Studio Code with carefully crafted syntax highlighting and consistent color relationships.
✨ Features
🎨 Unified Color Philosophy
Headers/Keys: Green (#19F9D8) - For property names, object keys, YAML keys, CSS properties
Values/Content: Purple (#A78BFA) - For property values, strings, numbers, booleans
Active Highlights: Light Pink - For current line, active selections, focused elements
📁 File Type Support
JSON: Keys in green, values in purple
YAML: Keys in green, values in purple
CSS/SCSS: Property names in green, values in purple
TypeScript/JavaScript: Enhanced syntax highlighting with semantic tokens
HTML/XML: Consistent tag and attribute coloring
Markdown: Rich formatting with hierarchical heading colors
🖱️ Interface Highlights
Editor: Light pink current line highlight
Explorer: Light pink active file background
Tabs: Light pink active and hover states
Lists: Light pink selection and focus states
Sidebar: Consistent light pink drop zones
🚀 Installation
Via VSIX File
Download the latest .vsix file from releases
Install using VS Code command: code --install-extension super-cool-theme-x.x.x.vsix
Via Marketplace
Search for "Super Cool Theme" in the VS Code Extensions marketplace.
🛠️ Development
Prerequisites
Node.js and npm
VS Code Extension CLI (vsce)
Scripts
# Build the theme
npm run build
# Preview changes (build + uninstall + install)
npm run preview
# Uninstall current version
npm run uninstall
# Install built version
npm run install
# Publish to marketplace
npm run publish
# Update version and build
npm run update-version
Development Workflow
Make changes to themes/super-cool-theme-color-theme.json
Run npm run preview to test changes
Repeat until satisfied
Commit and publish
🎯 Design Principles
Color Consistency
All file formats follow the same key-value color relationship:
Configuration files (JSON, YAML, TOML)
Stylesheets (CSS, SCSS, LESS)
Markup languages (HTML, XML, JSX)
Visual Hierarchy
Primary elements (keywords, types): Distinct bright colors
Secondary elements (operators, punctuation): Muted colors