Dark Sharp

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, run ext 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": true
```
Dark Sharp already opts into semantic highlighting on its own ("semanticHighlighting": true in 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.