NgBracket IDE Themes

Calm, brand-tied color themes for Angular & TypeScript developers — built to share the exact palette of the NgBracket components, so your editor and your UI kit look like one product.

See the code, lose the noise. Semantic color where it helps — keywords, types, functions, literals, decorators, diagnostics — and quiet structure everywhere else. Variables and punctuation recede so the meaningful tokens carry the signal.

Variants

Five accents — each in Dark and Light, with Italic and non-italic editions (20 themes total). The accents mirror the NgBracket components' theme packs:

Pick one with Ctrl/Cmd + K then Ctrl/Cmd + T.

What's inside

• Full workbench theming — editor, activity bar, sidebar, tabs, status bar, terminal (all 16 ANSI colors), git decorations, diffs, brackets, peek views, notifications.
• Semantic highlighting — the TypeScript & Angular language servers color types, decorators (@Component, @Input), parameters and more with precision.
• Colorblind-conscious — syntax uses the components' categorical palette, tuned to stay distinguishable and to read on both light and dark surfaces.
• Italics with intent — comments, control keywords, this, parameters and markup emphasis go italic in the Italic editions; the plain editions keep everything upright (great for fonts without a true italic).

License

MIT © NgBracket