Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>RoboDarkNew to Visual Studio Code? Get it now.
RoboDark

RoboDark

Chad LaVeglia

|
2,363 installs
| (1) | Free
A dark theme with enhanced syntax highlighting for JavaScript. Scope highlighting, along with bold and italic fonts make it easy to identify your code and visualize its structure. It supports other languages as well. Its clean and stylish design is easy on the eyes. Inspired by Umut Topuzoğlu's Blul
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

RoboDark BRINGS YOUR CODE TO LIFE!

A dark theme with enhanced syntax highlighting intended for JavaScript, HTML, and CSS. But it goes further and is continuously being updated.

It's not just visually appealing but practical as well. The scoped syntax makes it easy to identify your code and visualize its structure. RoboDark offers a broad spectrum of magic colors, beautifully contrasted with the dark theme behind it. Types, are are consistently colored across langauges as much as possible. See the beauty in your code, identify its structure, and quickly spot mistakes. The langauges currently supported are:

  • JavaScript ** TypeScript

  • HTML

  • CSS * SCSS/SASS

  • Python

  • Markdown

  • JSX

  • TSX

  • Pug

  • Vue

RoboDark has its roots in JavaScript, so that's where it shines. It features Multi-colored punctuation as well, which is great for focusing on the bigger picture without loosing sight of the details. Consistent, eye popping colors, separate every piece of your code. Gray is a thing of the past.

Its clean and stylish design is easy on the eyes. Inspired by Umut Topuzoğlu's Bluloco Dark Theme, RoboDark builds upon the great Bluloco color palette to create a better user experience.The colors are nice, but its scoped syntax highlighting is even nicer! Feel free to fork.

Hope you enjoy!

Screenshots

  1. CSS: Color Your Code Like You Style Your UI

CSS

CSS

CSS

  1. HTML Html2

  2. JSX Jsx

Jsx

Jsx tsx && React + Ionic JSX

  1. JavaScript JavaScript

JavaScript

JavaScript Same code as directly above, without semantic highlighting JavaScript

  1. Python3. Python

  2. Red and Green Borders. Html2

  3. Markdown Markdown

  4. Vue Vue

  5. Scss Html2

  6. Pug Pug

2021 Update: Enhance RoboDark with Coenraads Bracket-Pair-Colorizer-2

I rescommend using Coenraads Bracket-Pair-Colorizer-2 Also available at VS Marketplace. It is a great utility and has better tag colors.

Javascript

Note

  • Semantic highlighting will affect RoboDark's appearance slightly. It is disabled by default. If you would like to see your code with semantic highlighting enabled: - Go to Code>Settings type in semantic highlighting and set it to true. Restart.
  • Setting ligature to true: from Code > Settings just toggle to true. Adds some cool features as well
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft