Dev Theme Pro 🌌

A beautiful dark theme with colorful syntax highlighting, designed for developers who love aesthetics and readability. 12 variants — pick your accent color and background depth.

Dev Theme Pro — 4 Accent Variants

Theme Variants

4 Accents × 3 Backgrounds = 12 themes

Accent	Dusk 🌅 (lightest)	Night 🌙 (default)	Void 🕳️ (darkest)
✨ Amber	Amber Dusk	Amber Night	Amber Void
💎 Emerald	Emerald Dusk	Emerald Night	Emerald Void
🌌 Nebula	Nebula Dusk	Nebula Night	Nebula Void
🌊 Ocean	Ocean Dusk	Ocean Night	Ocean Void

Screenshots

Editor Preview

Dev Theme Pro — Editor

Syntax Highlighting

TypeScript

React React

JavaScript

HTML & CSS

Python Python

Installation

Marketplace

Open VS Code → Extensions (Ctrl+Shift+X / Cmd+Shift+X)
Search Dev Theme Pro
Click Install
Go to File → Preferences → Color Theme and pick any Dev Theme Pro variant

Manual

Download or clone this repo
Copy the folder to your VS Code extensions directory
Reload VS Code and select the theme

⭐ Rate five-stars if you enjoy it!

Customize Colors

You can override colors in settings.json (replace the variant name as needed):

"workbench.colorCustomizations": {
  "[Dev Theme Pro — 🌊 Ocean 🌙 Night]": {
    "editor.background": "#1a1a2e",
    "sideBar.background": "#1a1a2e"
  }
}

Recommended Settings

"editor.fontFamily": "Lotion, Fira Code, JetBrains Mono",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 30

Enable Italics

"editor.tokenColorCustomizations": {
  "[Dev Theme Pro — 🌊 Ocean 🌙 Night]": {
    "textMateRules": [
      {
        "scope": ["comment", "keyword", "storage.modifier"],
        "settings": { "fontStyle": "italic" }
      }
    ]
  }
}

Changelog

See CHANGELOG.md for release notes.

Issues & Suggestions

Found a bug or have a feature request?
👉 Open an issue on GitHub

Author

Faizan Ashiq — LinkedIn · GitHub

License

Enjoying Dev Theme Pro? ⭐ Star the repo and share feedback!

If you like this theme, please leave a review on the VS Code Marketplace.