Dev Theme Pro

A beautiful dark theme with colorful syntax highlighting for VS Code.

Screenshots

TypeScript

React

JavaScript

HTML & CSS

Python

Installation

Open the Extensions sidebar in VS Code (Ctrl+Shift+X / Cmd+Shift+X)
Search for Dev Theme Pro
Click Install
Go to File → Preferences → Color Theme (or Code → Settings → Theme → Color Theme on macOS)
Select Dev Theme Pro Smooth
⭐⭐⭐⭐⭐ Rate five-stars if you enjoy it!

Customization

If you want to tweak colors, add this to your settings.json:

"workbench.colorCustomizations": {
  "[Dev Theme Pro Smooth]": {
    "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 Smooth]": {
    "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

Enjoy coding with Dev Theme Pro!
If you like this theme, please ⭐ star the repo and leave a review on the VS Code Marketplace.