Eloquent Dark Pro

A refined dark theme for Visual Studio Code, based on Atom One Dark with enhancements for better readability and aesthetics during long coding sessions.

Carefully tuned for JavaScript / TypeScript, React (JSX/TSX), PHP, Blade, HTML, CSS, and Tailwind workflows.

Install

1. Open Visual Studio Code
2. Open the Extensions panel (Ctrl+Shift+X / Cmd+Shift+X)
3. Search for Eloquent Dark Pro
4. Click Install
5. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) → Preferences: Color Theme → select Eloquent Dark Pro

Screenshots

React / JSX

PHP & Comments

Blade Templates

Classes

Functions

Highlights

• Pure #111111 editor background for deep contrast
• Soft activity bar (#2F333D) that recedes from the code
• Punchy syntax palette tuned for JSX, PHP, Blade, and TypeScript
• Comfortable comment color — readable, not noisy
• Distinct colors for keywords, functions, classes, and strings

Recommended Settings

For the best experience, pair the theme with these settings:

{
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6,
  "editor.cursorBlinking": "smooth",
  "editor.smoothScrolling": true,
  "editor.renderLineHighlight": "all"
}

Feedback

Found a token color that could be better? Open an issue or PR on the GitHub repo.

License

MIT