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

Thyme21g Theme

Rohith_Rot_dgrr

|
1 install
| (0) | Free
A muted yet vibrant theme with blues, oranges, greens, reds, purple, and white
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Thyme21g Theme

A beautiful, muted yet vibrant theme for VS Code with carefully selected colors that are easy on the eyes during long coding sessions.

Features

  • Muted yet vibrant color palette
  • Carefully selected contrast for better readability
  • Support for all major programming languages
  • Semantic highlighting support
  • Terminal theming
  • Git integration

Installation

  1. Open Extensions view in VS Code by clicking on the Extensions icon in the Activity Bar or by pressing Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (macOS).
  2. Search for "Thyme21g".
  3. Click Install to install the extension.
  4. Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P).
  5. Select "Preferences: Color Theme" and choose "Thyme21g".

Color Palette

Color Usage Hex
#1E1E2E Background #1E1E2E
#CDD6F4 Foreground #CDD6F4
#89B4FA Blue #89B4FA
#F38BA8 Red #F38BA8
#A6E3A1 Green #A6E3A1
#F9E2AF Yellow #F9E2AF
#CBA6F7 Purple #CBA6F7
#94E2D5 Teal #94E2D5
#F5E0DC Rosewater #F5E0DC
#FAB387 Peach #FAB387
#6C7086 Subtext 0 #6C7086
#9399B2 Subtext 1 #9399B2
#45475A Surface 0 #45475A
#585B70 Surface 1 #585B70
#313244 Surface 2 #313244
#181825 Base #181825

Recommended Settings

For the best experience, add these to your settings.json:

{
  "editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.letterSpacing": 0.5,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true,
  "editor.bracketPairColorization.enabled": true,
  "workbench.colorCustomizations": {
    "[Thyme21g]": {
      "editorCursor.foreground": "#F5E0DC",
      "editor.lineHighlightBackground": "#31324480"
    }
  }
}

Screenshots

TypeScript

TypeScript Example

JavaScript

JavaScript Example

Python

Python Example

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT © Thyme21g

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft