Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Trinity ThemeNew to Visual Studio Code? Get it now.
Trinity Theme

Trinity Theme

ialexsilva.dev

|
17 installs
| (0) | Free
20 Trinity color themes for Visual Studio Code, including high-contrast variants, accent colors and interface settings.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Trinity Theme

A collection of color themes for Visual Studio Code.

Includes 10 palettes, each available in standard and high-contrast versions:

Theme Inspiration
Lagoon Blue-green tones inspired by a lagoon.
Graphite Neutral graphite gray.
Dusk Muted blue-purple tones at twilight.
Abyss Deep, almost black blue.
Grove Dark woodland green.
Eclipse Deep, neutral black.
Slate Cool, dark slate gray.
Amethyst Dark purple inspired by amethyst.
Dune Warm, dark sandy tones.
Ember Reddish brown inspired by glowing embers.

Getting started

Install the extension, run Trinity Theme: Select Color Theme from the Command Palette, and pick a Trinity theme, such as Trinity Lagoon or Trinity Lagoon High Contrast.

What's included

  • 20 color themes with the original colors and syntax highlighting preserved.
  • 13 accent colors with the same contrast and soft tone as Teal and a Trinity accent that follows the active theme.
  • Interface settings for tab contrast, line highlight, tab indicator, shadows and italics.

Accents

Accent Color Used by Trinity on
Peach #E0B68A Dune
Silver #BEBEBE —
Tomato #ECADB7 —
Orange #EBB09D Ember
Yellow #CABE86 —
Acid Lime #ADC692 —
Lime #92CAA9 Grove
Teal #80CBC4 Lagoon
Cyan (default) #83C8DC Graphite, Eclipse, Slate
Blue #98C2ED Abyss
Indigo #B3BAF0 Dusk
Purple #CEB3E6 Amethyst
Pink #E2AFD2 —

Every accent has the same contrast and saturation as Teal, so they all share its soft tone on every Trinity theme.

Settings

Setting Default Description
trinityTheme.accent Cyan Trinity, Peach, Silver, Tomato, Orange, Yellow, Acid Lime, Lime, Teal, Cyan, Blue, Indigo, Purple or Pink.
trinityTheme.contrastedTabs false Uses a different background for the tabs bar.
trinityTheme.solidLineHighlight false Highlights the current line with a solid background instead of a border.
trinityTheme.useTopTabIndicator false Moves the active tab indicator to the top of the tab.
trinityTheme.hidesShadows false Removes shadows for a completely flat look.
trinityTheme.disableItalics false Renders italic syntax scopes in regular style.

The settings are applied to every Trinity theme through theme-scoped [Trinity …] entries in workbench.colorCustomizations and editor.tokenColorCustomizations, so the theme preview already shows the right accent. Themes that share the same customizations are grouped in a single [Trinity …][Trinity …] entry. Trinity manages those entries and removes them when every setting is back to its default.

Commands

  • Trinity Theme: Select Color Theme
  • Trinity Theme: Set Accent Color
  • Trinity Theme: Open Settings

Credits

Trinity Theme is maintained by Alex Silva.

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