Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>LCARSNew to Visual Studio Code? Get it now.
LCARS

LCARS

Micah Dutro

|
80 installs
| (0) | Free
Star Trek LCARS color themes for VS Code, in three screen-accurate variants: TNG, DS9, and the film era.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

LCARS

Full VS Code color themes inspired by the computer interfaces of Star Trek. Three screen-accurate variants, ported from the palettes of nvim-lcars.

These themes are intended to meet WCAG AA requirements for contrast (with the exception of code comments), while also being tuned with astigmatism in mind. Very high contrast between text and a dark background can cause a halation effect for people with significant astigmatism on backlit LCD screens — sometimes called "starbursting" or light bleed, similar to what many of us with astigmatism see around lights at night, even when corrected with prescription lenses. Saturation seems to matter at least as much as contrast: highly saturated colors, especially in the blue/violet range, can produce a similar glow on LCD displays.

Astigmatism varies a great deal from person to person — in axis, severity, and even between someone's own two eyes — so no single palette can be optimal for everyone. These themes aim to avoid well-known common triggers (pure black or white, extreme contrast, highly saturated primary colors) rather than claim to be a universal fix; the specific tuning here was refined against one person's astigmatism and may not generalize to yours.

All of this means that these themes attempt to strike a balance between screen accuracy and contrast considerations to accommodate a wide range of visual impairments. Where necessary, and in the spirit of Star Trek, I have chosen to deviate from 100% screen accuracy where accessibility would benefit.

Themes

Theme Description
LCARS (TNG) TNG-era LCARS — golden yellow and muted periwinkle on a warm dark background
LCARS (DS9) Cardassian — teal-cyan and dusty rose on near-black
LCARS (UDC) Film-era (ST V/VI) — lime-green and electric cyan on dark blue-black

Installation

  1. Open the Extensions view (Ctrl+Shift+X / Cmd+Shift+X).
  2. Search for LCARS.
  3. Click Install.
  4. Open the theme picker (Ctrl+K Ctrl+T / Cmd+K Cmd+T) and select one of the three LCARS themes.

Development

Each theme is generated from a shared palette definition and a shared color-mapping script, so all three variants stay structurally consistent.

palettes/          per-variant color tokens (tng, ds9, udc)
scripts/build-themes.mjs   maps a palette to a full VS Code theme (workbench colors + tokenColors)
themes/             generated theme JSON consumed by VS Code — do not hand-edit

To regenerate the theme files after changing a palette or the mapping script:

npm run build

License

MIT — see LICENSE

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft