Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/CodelyTV/vscode-theme/llms.txt

Use this file to discover all available pages before exploring further.

Once Codely Theme is installed, activating it takes a single command. The warm Gruvbox palette — deep charcoal backgrounds, amber-cream text, and vivid accent colors — is immediately applied to every open file, the editor chrome, and the integrated terminal all at once.
1

Activate the theme

Open the Command Palette with Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS. Type Preferences: Color Theme and press Enter. Scroll through the list and select Codely Dark. The editor repaints instantly — no restart required.
2

Verify the palette

Open any source file. Check that:
  • The editor background is #1e1e1e (deep charcoal).
  • Plain text and variables appear in #ebdbb2 (warm amber-cream).
  • Keywords and storage modifiers are rendered in #fb5245 (red), typically in italic.
  • Strings glow in #b8bb26 (yellow-green).
  • Function names are highlighted in #fac149 (gold).
If the colors match, the theme is active and working correctly.
3

Optional: Tune your font

Codely Theme pairs especially well with a monospace font that supports ligatures, since the theme uses italic styles extensively for keywords, decorators, and comments. To enable ligatures, add the following to your settings.json:
{
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true
}
Both Fira Code and JetBrains Mono are excellent choices. Open settings.json via the Command Palette by running Preferences: Open User Settings (JSON).

​
Verifying Syntax Highlighting

Paste the snippet below into a .py file to check that Python token colors are applied as expected. You should see comments in muted brown (#a89984), the @dataclass decorator in italic, class and function names in teal (#8ec07c), the docstring in italic brown, the f-string prefix in yellow-green (#b8bb26), and the {self.name} placeholder in gold (#fac149). 
# Codely Theme — Python preview
from dataclasses import dataclass

@dataclass
class User:
    name: str
    age: int = 0

    def greet(self) -> str:
        """Return a greeting string."""
        return f"Hello, {self.name}!"
Run Developer: Inspect Editor Tokens and Scopes from the Command Palette to see the exact TextMate scope assigned to any token under your cursor, along with the theme rule that is coloring it. This is the fastest way to understand why a particular token looks the way it does — or to find the right scope if you want to override a color in your personal settings.json.
For a full breakdown of every color in the palette, see the Color Palette reference. To understand how individual language scopes are mapped, visit Syntax Highlighting.

Build docs developers (and LLMs) love

Get started for freeTalk to us