Skip to content

🎨A theme extension for Visual Studio Code based on Darcula theme from Jetbrains IDEs with some improvements.

License

Notifications You must be signed in to change notification settings

Mohamed3nan/jetbrains-darcula-theme

Repository files navigation

JetBrains Darcula Theme for Visual Studio Code

Preview in vscode.dev Installs Downloads Rating Marketplace

Buy Me a Coffee

A theme extension for Visual Studio Code based on Darcula theme from Jetbrains IDEs with some improvements.

Installation

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install Anan.jetbrains-darcula-theme

or: Download from VisualStudio Marketplace

JetBrains Mono Font Installation

  • Downloaded and install JetBrains Mono font https://www.jetbrains.com/lp/mono
  • Add this snippet in your "settings.json":
      "editor.fontFamily": "JetBrains Mono, Consolas, 'Courier New', monospace",
      "editor.fontSize": 13,
      "editor.lineHeight": 22,
      "editor.fontWeight": "300",

Screenshots

ScreenShot View All ScreenShots

Tweaks & theming

If you want to play around with new colors, use the setting workbench.colorCustomizations to customize the currently selected theme. For example, you can add this snippet in your "settings.json" file:

"workbench.colorCustomizations": {
  "tab.activeBackground": "#282c34",
  "activityBar.background": "#282c34",
  "sideBar.background": "#282c34"
}

or use the setting editor.tokenColorCustomizations

"editor.tokenColorCustomizations": {
  "[JetBrains Darcula Theme]": {
    "textMateRules": [
      {
        "scope": ["source.python"],
        "settings": {
          "foreground": "#e06c75"
        }
      }
    ]
  }
}

Enablement of semantic highlighting

By default Semantic Highlighting value is false in this theme, you can add this snippet in your "settings.json" file to disable it:

"editor.semanticHighlighting.enabled": true

Please check the official documentation, Theme Color Reference and Theme Color, for more helpful information.

More info

Syntax Support

Python, Javascript, TypeScript, React, Vue, HTML, Markdown, JSON, CSS, SCSS, Dockerfile, Go, and more...

Contribution

If you want to add more syntax support or have any idea to improve highlighting, feel free to make a pull request or open a new issue.

Inspiration

One Dark Pro, PyCharm Theme, JetBrains, PyCharm, WebStorm

Changelog

CHANGELOG

License

This project is licensed under the MIT License - see the MIT file for details.


Enjoy!