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.

The Codely VS Code Theme brings a warm, dark Gruvbox-inspired palette to Visual Studio Code. Built by the team at CodelyTV, it pairs a rich amber and cream foreground with deep charcoal backgrounds and vivid syntax accents to keep your code readable for hours without eye strain.

Installation

Install the Codely Theme from the VS Code Marketplace or manually in minutes.

Quickstart

Activate the theme and start coding with the Codely Dark palette right away.

Color Palette

Explore every color token used across the UI and syntax highlighting.

Language Support

See how Python, JavaScript, CSS, HTML, JSON, Markdown, and SQL are styled.

What makes Codely Theme different

The theme is a carefully hand-tuned take on Gruvbox dark, going beyond a simple port. Every token scope — from Python decorators to CSS grid fractions — has been individually assigned a color and font style to maximize signal and minimize noise.

Gruvbox-Inspired Palette

Warm ambers, soft creams, and vivid accents drawn from the Gruvbox color family.

Italic Emphasis

Comments, parameters, and select keywords use italic styling to visually separate structure from logic.

Full UI Coverage

Every VS Code surface — Activity Bar, Status Bar, Panels, Tabs, Terminal — is styled for a cohesive look.

Deep Language Support

Dedicated token rules for Python, JavaScript, CSS, HTML, JSON, Markdown, and SQL.

Debug-Ready Colors

Breakpoints, step icons, and debug console colors are tuned to stand out without clashing.

Terminal ANSI Colors

Integrated terminal colors align with the theme palette for a seamless shell experience.

Get up and running

1

Open the Extensions panel

Press Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (macOS) to open the Extensions panel in VS Code.
2

Search for Codely Theme

Type Codely Theme in the search box and click Install on the extension published by Codely.
3

Activate the theme

Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P), run Preferences: Color Theme, and select Codely Dark.
4

Start coding

Open any source file and enjoy the warm Gruvbox-inspired palette across your editor.

Build docs developers (and LLMs) love