🌙 Kunal Dark Dev — VS Code Theme## 🌙 Kunal Dark Dev — VS Code Theme
A sleek, high-contrast dark theme for Visual Studio Code focused on clarity and long coding sessions.A sleek, high-contrast dark theme for Visual Studio Code focused on clarity and long coding sessions.
 Demo (TypeScript):
 
🎨 Palette (at a glance)## 🎨 Palette (at a glance)
Backgrounds: #000000, #040616- Backgrounds: #000000, #040616
Foreground: #FFFFFF- Foreground: #FFFFFF
Accents: Pink #f90086, Cyan #54d4ff / #00e5ff, Yellow #FFF900, Purple #7a6deef4- Accents: Pink #f90086, Cyan #54d4ff / #00e5ff, Yellow #FFF900, Purple #7a6deef4
✨ Highlights## ✨ Highlights
Vibrant Syntax Highlighting — Carefully selected colors for maximum code clarity- Optimized syntax contrast across popular languages
High Contrast UI — Optimized for long coding sessions without eye strain- High-contrast UI with cohesive workbench colors
Multi-Language Support — JavaScript, TypeScript, Python, React, PHP, Java, C++, Go, Rust, and more- Ready for semantic highlighting
Semantic Highlighting Ready — Enhanced token coloring with VS Code's semantic tokens
Cohesive Design — Every UI element styled for a unified dark experience---
---## 🛠️ Use the theme
🛠️ InstallationThis repo ships a full VS Code theme JSON you can use as-is or package as an extension.
Via VS Code Marketplace (Recommended)Option A — Quick local use (without publishing):
- Open VS Code command palette and choose: “Preferences: Open Settings (JSON)”
Open Extensions sidebar in VS Code (Ctrl+Shift+X / Cmd+Shift+X)- Optionally add your own overrides under:
Search for "Kunal Dark Dev" - workbench.colorCustomizations
Click Install - editor.tokenColorCustomizations
Select theme: Preferences > Color Theme > Kunal Dark Dev- For full theme use, install via an extension (Option B).
Manual InstallationOption B — Package as an extension (optional):
- Create a minimal VS Code extension and place
theme.json under themes/
Download the .vsix file from Releases- Reference it in package.json contributes.themes
In VS Code: Extensions > ⋯ > Install from VSIX...- Install the VSIX locally to select it in Color Themes
Select the downloaded file
Direct theme JSONs in this repo:
---- Primary: ./theme.json
- Alternate:
./Kunal's_theme.json
🔧 Customize
Override colors in your settings.json:
🔧 Customize
{Add in your `settings.json`:
"workbench.colorCustomizations": {
"[Kunal Dark Dev]": {```json
"editor.background": "#05070B"{
} "workbench.colorCustomizations": {
}, "[Kunal Dark Dev]": {
"editor.semanticHighlighting.enabled": true // e.g. "editor.background": "#05070B"
} }
``` },
"editor.semanticHighlighting.enabled": true
---}
📝 Recommended Settings
For the best experience:
📝 Recommended VS Code Settings
{```json
"editor.fontSize": 14,{
"editor.lineHeight": 1.5, "editor.fontSize": 14,
"editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace", "editor.lineHeight": 1.5,
"editor.fontLigatures": true, "editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
"editor.cursorBlinking": "phase", "editor.fontLigatures": true,
"editor.semanticHighlighting.enabled": true "editor.cursorBlinking": "phase",
} "editor.semanticHighlighting.enabled": true
```}
🎯 Language Support
🤝 Contributing
Optimized syntax highlighting for:
Issues and enhancements are welcome.
Web: JavaScript, TypeScript, React, Vue, Angular, HTML, CSS, SCSS
Backend: Python, PHP, Java, Go, Rust, C/C++, C#, Ruby---
Data: JSON, YAML, XML, Markdown
Others: Elixir, Swift, Kotlin, and more!## 📄 License
---This project is licensed under the MIT License (see LICENSE).
🤝 Contributing---
Found an issue or have suggestions? Enjoy coding with Kunal Dark Dev! 🌙
📄 License
This project is licensed under the MIT License. See LICENSE for details.
🔗 Links
Enjoy coding with Kunal Dark Dev! 🌙
| |
