A sharp dark theme for VS Code, built for Angular and .NET developers — full semantic color tokens with consistent, shared color customizations across C# and Angular/TypeScript.
Get set up in 60 seconds
-
Install the theme: press
Ctrl+P, runext install jczacharia.dark-sharp-theme(or grab it from the Marketplace / Open VSX), then Preferences: Color Theme → Dark Sharp. -
Install the language extensions that produce the semantic tokens Dark Sharp colors:
Stack Extension Notes Angular Angular Language Service ( Angular.ng-template)Inline and separate-file templates, zero config C# / .NET C# ( ms-dotnettools.csharp)Ships the Roslyn language server that provides C# semantic tokens C# Dev Kit is optional — it adds solution explorer and test tooling on top of the C# extension, not highlighting. C# by ReSharper works too, but it uses its own analysis engine — the stock C# extension is what Dark Sharp is tuned against.
-
Add to your
settings.json:"editor.semanticHighlighting.enabled": trueDark Sharp already opts into semantic highlighting on its own (
"semanticHighlighting": truein the theme), so this line is a guarantee — it re-enables semantic tokens if another profile or setting turned them off.
That's it. No other settings are needed for either stack.
Why Dark Sharp
- Semantic tokens first. Colors are driven by semantic tokens from the language servers (Roslyn, Angular Language Service, TypeScript), not just TextMate scopes — so a parameter, field, or interface looks the same everywhere it appears.
- Tuned for Angular templates. Designed and scrutinized for both inline and separate-file templates: semantic HTML elements, Angular input and attribute bindings, structural directives, and interpolation are each easy to tell apart at a glance.
- Consistent across stacks. C# and Angular/TypeScript share the same semantic palette, so switching between backend and frontend doesn't mean re-learning colors.
Screenshots
Angular

C#
