A dark VS Code theme built around the official 7-tone turquoise brand palette of edujbarrios.com, with Docusaurus-style backgrounds for a clean, modern coding experience.
Installation
From VS Code
- Open the Extensions panel (
Ctrl+Shift+X/⌘+Shift+X) - Search for Turqonix
- Click Install
- Open the Command Palette (
Ctrl+Shift+P/⌘+Shift+P), run Preferences: Color Theme, and select Turqonix
From the Marketplace
Visit the Turqonix page on the VS Code Marketplace and click Install.
Quick install via command line
code --install-extension EduardoJbarrios.turquoise-dark
Color Palette
Turquoise Tones
| Tone | Hex | Used for |
|---|---|---|
| Deep | #004d4d |
Indent guides |
| Dark | #006666 |
Scrollbar track |
| Moderate | #008080 |
Comments, operators, bracket guides |
| Base | #40E0D0 |
Primary accent — functions, links, cursors, buttons |
| Light | #66E6DD |
Class names, hover states |
| Lighter | #8CF0EB |
Icons, supporting accents |
| Lightest | #B2FAF9 |
Subtle highlights |
Editor Backgrounds
| Background | Hex | Used for |
|---|---|---|
| Editor | #1b1b1d |
Main editor background |
| Panels | #242526 |
Sidebar, activity bar, tabs bar |
| Hover | #2c2c2e |
Hover states, line highlight |
| Borders | #3d3d3f |
Separators and borders |