Starlight Theme for VS Code

A customizable Visual Studio Code theme with three light variants (Starlight, Daybreak, Soft Glow) and three dark variants (Palenight, Midnight, Obsidian). Adjust saturation, intensity, and hue to personalize your coding environment.

Installation

1. Open VS Code and go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X on macOS).
2. Search for Starlight Theme and click Install.
3. Select the theme via File > Preferences > Color Theme or use Ctrl+K Ctrl+T.

Variants

• Light Variants:
  • Starlight: Clean and minimal with blue accents.
  • Daybreak: Warm, sunrise-inspired tones.
  • Soft Glow: Soothing green and coral palette.
• Dark Variants:
  • Palenight: Purple-blue aesthetic, inspired by Material Palenight.
  • Midnight: Cool, nordic-inspired dark theme.
  • Obsidian: Deep, vibrant colors for contrast.

Customization

Adjust the theme's appearance via Webview:

1. Open the Command Palette (Ctrl+Shift+P or Shift+Cmd+P on macOS).
2. Search for Starlight Theme: Customize Theme.
3. Customize the theme appearance and close the configuration tab

Adjust the theme's appearance via VS Code settings:

1. Open Settings (Ctrl+, or Cmd+, on macOS).
2. Search for starlightTheme.
3. Modify:
   • starlightTheme.saturation: Adjust color saturation (0.0 to 2.0).
   • starlightTheme.intensity: Adjust brightness (0.5 to 1.5).
   • starlightTheme.hue: Shift hue in degrees (-180 to 180).

Example settings.json:

{
  "starlightTheme.saturation": 1.2,
  "starlightTheme.intensity": 1.1,
  "starlightTheme.hue": 10
}