edark

Personal VSCode theme, solid black/blue/white with minimal but vibrant syntax coloring.

[todo: editor screenshot]

Why?

Every time I post a screenshot of my theme, someone always asks me why some of the text is so dim, among other things.

I develop on a small laptop in a variety of environments, so text must be readable at very small scale (~2mm tall characters), relatively far distance (~0.5m), and in a variety of ambient light conditions.

• The thin and sharp edges of GNU Unifont reduces the effect of "bloom"^{[what's the technical term?]}. It also has fairly recognizable letter-shapes, and generally looks pretty good.
• The white-on-black contrast makes the screen dimmer in low-light conditions, and is always quite readable.
• White is used as the default color for prose, which helps differentiate it from code.
• Dark blue is used for LSP inlay hints, the color is chosen to be dark enough for me to automatically ignore them, but bright enough to read when needed, without needing to toggle a setting.
• Other colors are chosen carefully to be distinguishable (I'm partially colorblind) and meaningful, information given by the LSP (e.g. variable source) is not included.
• I run VSCode directly in firefox, because chromium does not properly handle bitmap fonts (and it's more convenient for usage)

The syntax colors are inspired by Dark Mint.

Mistakes to be fixed:

• rust: \u{A0} renders the {A0} as string instead of symbol
• rust: {} in non-format string are highlighted red instead of yellow
• rust: builtin types are given the semantic token namespace
• rust: ! of macro_rules! is highlighted blue instead of red
• kdl: type hints are colored as their value
• lua: . and : for property access has no scopes
• xml: = for element attributes has wrong scopes (workaround using meta.tag.xml scope)

Install

Dependencies: vsce, nodejs, gnumake

Use the provided Makefile to compile the extension, and install it with your code-oss fork of choice (in my case, code-server --install-extension edark.vsix)

Changelog

v1.3.0

• Add custom text color scheme

v1.2.0

• Replace racket-based compiler with a shell script

v1.1.2

• Reversed bracket colors for an RGB-kinda look

v1.1.1

• Fix inlay hint colors

v1.1.0

• Add custom accent color support, add tpl for building

v1.0.1

• Add more colors, adjust syntax highlighting appearance

v1.0.0

• Initial Release

License

MIT License