TypeDark

March 1, 2025 ยท View on GitHub

marketplace Downloads

icon

TypeDark theme for visual studio code with yellow accent and semantic syntax highlighting.

Contains several color variants:

  • Yellow
  • Cyan
  • Magenta
  • Kumuhana

How it looks

The yellow version (My favourite) image

How is semantic highlighting useful

This theme uses semantic syntax highlighting to give more information to the programmer. With this theme you can for example easily differentiate between local variables, properties, constants, global variables, parameters and macros just by looking at the color and font style of the token.

This doesn't mean that the theme looks like just a bunch of random colors. It is made to have all these useful features but at the same time to look well and with pleasant colors.

Basic guide

  • Funcions and overloaded operators are italic
  • Constants are bold
MeaningColorHex
Namespace#19b6ff#19b6ff
Keyword#4c8dff#4c8dff
Parameter#ffa632#ffa632
Operator#e5dba0#e5dba0
Comment#7f7f7f#7f7f7f
String literal#e5a55b#e5a55b
Char literal#e5ce5b#e5ce5b
Other literal#d072e5#d072e5
Enum member#ccc88e#ccc88e
Class#28c3cc#28c3cc
Struct#28cc92#28cc92
Enum#71ce6d#71ce6d
Interface#b0cc28#b0cc28
Macro#e2ccff#e2ccff
Builtin type#ed478f#ed478f
Global variable#ccdeff#ccdeff
Property/Method#e4ffe7#e4ffe7

Well supported languages

  • Assembly (ASM Code Lens)
  • AWK (AWK)
  • Brainfuck (Brainfuck Syntax)
  • CMake (CMake)
  • C (C/C++)
  • C# (C#)
  • C++ (Better C++ Syntax)
  • CSS
  • EBNF (EBNF Tools)
  • Go (Go, for best expirience add "gopls": { "ui.semanticTokens": true,}, to your vscode json settings.)
  • Haskell (Haskell)
  • HTML
  • J (J)
  • Java (Language Support for Java(TM) by Red Hat)
  • JavaScript
  • Json
  • LaTeX (LaTeX wokshop)
  • Makefile
  • Markdown
  • Minecraft (SPGoding)
  • PHP (PHP)
  • Prolog (New-VSC-Prolog)
  • Python (Pylance)
  • Razor (C#)
  • Rust (rust-analyzer)
  • Shell
  • SQL
  • TOML (Even Better TOML)
  • Tsx
  • TypeScript
  • Twig (Twig)
  • VHDL (VHDL)
  • XML (/ SVG) (XML)
  • Zig (Zig Language)

How to get it

It is available on the VSCode marketplace.