Neon Dusk - VS Code Theme
A dark theme for Visual Studio Code focused on readable contrast and stronger HTML/JSX tag differentiation.
Preview
Why this theme exists
Most dark themes look good in screenshots but lose clarity in real projects. Neon Dusk prioritizes:
- Clear separation between tags, attributes, and text nodes in HTML/JSX
- Strong syntax contrast without over-saturated backgrounds
- Comfortable long-session reading on a dark editor surface
Install
From VS Code Marketplace
- Open Extensions (
Cmd+Shift+X / Ctrl+Shift+X)
- Search for
Neon Dusk
- Click Install
- Run
Preferences: Color Theme and select Neon Dusk
Local development install
- Clone this repository
- Run extension development host with
F5
- In the new window, open
Preferences: Color Theme
- Select the contributed theme label
Theme characteristics
- Base editor background:
#1D1D21
- Primary foreground:
#E0E0E0
- Tag names:
#4CC9F0
- Attributes:
#B8A8F8
- Keywords:
#D2529F
- Functions:
#4CC0D1
- Strings:
#70D0B3
Scope and limitations
- The theme is tuned mostly for TypeScript, JavaScript, JSON, Markdown, HTML and CSS scopes
- Some languages may require extra scope rules for ideal highlighting
- Semantic highlighting is not customized yet, so TextMate scopes drive most coloring
Contributing
Feedback and PRs are welcome. If a token feels ambiguous or noisy:
- Capture the scope using
Developer: Inspect Editor Tokens and Scopes
- Share language + snippet + expected color behavior
- Propose a minimal rule change in the theme JSON file under
themes/
License
MIT
| |
