Duotone Theme

0 views

Problem

I wanted a dark theme for my editor with a balanced color palette, good readability, and clear visual hierarchy between syntax tokens.

Core Idea

A dark theme for Visual Studio Code built around a duotone color principle, using two complementary hues to create visual hierarchy.

Tradeoffs

Optimized primarily for JavaScript and TypeScript. Other languages may have less refined token coloring. Personal aesthetic preference may not suit everyone.

vscodethemedeveloper-tools

Overview#

Duotone is a dark theme for Visual Studio Code built around the idea of reducing visual noise while maintaining clear syntax distinction.

Design Approach#

The theme uses two primary color hues applied across all syntax tokens. Keywords, strings, and variables each get distinct treatments within the duotone palette, creating enough contrast to scan code quickly without the distraction of a rainbow color scheme.

Installation#

The theme is available on the Visual Studio Code marketplace. Search for "Duotone" by Hussein Kizz, or install it directly from the editor extensions panel.