Isolux Theme

Calm dark and light themes with clear, semantic syntax colors.

This VS Code extension contains themes with a calm, neutral base and a small set of clearly separated syntax colors, each with one meaning, while variables and parameters stay neutral.
Every color family is derived from a base color with the same perceived brightness, so no hue stands out more than another.

🎨 To get a better feeling of how the themes look in the editor, continue at the previews.

Installation 📦

Search for Isolux Theme in the VS Code extensions panel, or install via the command line:

ext install xulbux.theme-isolux

Features ⚡

Feature	Description
Dark & Light	Every theme comes in a dark and a light variant.
Balanced Colors	All color families are generated from base colors of the same perceived brightness (OKLCH lightness).
Semantic Highlighting	Semantic tokens are mapped onto the same colors as the TextMate scopes, for more accurate highlighting that stays consistent across languages.
Distinct Syntax Colors	Syntax colors are checked to be clearly distinguishable from each other (OKLab color distance).
Readable Contrast	Text colors are checked against their backgrounds (WCAG AA) in both variants.
Complete UI	Hundreds of workbench colors styled, from the editor to the terminal.

Configuration ⚙️

Open the command input by pressing Ctrl+Shift+P or the F1 key.
Type «color theme» and select Preferences: Color Theme from the list.
Search for Isolux and select a theme to apply it.

Recommended Settings ⚙️

For the best experience with Isolux, I highly recommend adding the following options to your user's settings.json:

{
  // Enable colorization of matching brackets.
  "editor.bracketPairColorization.enabled": true,
  // Use an independent color pool for each bracket type.
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  // Highlight the guide lines of the active bracket pair.
  "editor.guides.bracketPairs": "active",
  // Automatically switch between dark and light themes based on your OS.
  "window.autoDetectColorScheme": true,
  // The dark theme to use when the OS is in dark mode.
  "workbench.preferredDarkColorTheme": "Isolux Pro Dark",
  // The light theme to use when the OS is in light mode.
  "workbench.preferredLightColorTheme": "Isolux Pro Light"
}

Theme Previews ✨

Isolux Pro

Enjoying this theme? Have suggestions?

Please consider giving a ⭐ on GitHub or leaving a review on Open VSX or the Visual Studio Marketplace.

✨ Always creating more cool stuff for you! ✨ —⠀XulbuX