Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Coolest DarkNew to Visual Studio Code? Get it now.
Coolest Dark

Coolest Dark

Mutombo Jean-Vincent

|
4,244 installs
| (2) | Free
The coolest dark theme for Dart and Flutter based on One Dark Pro and Bear Theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Coolest Dark

A dark theme built for people who work across a lot of languages. It started as a Dart and Flutter theme based on One Dark Pro and Bear Theme, and now covers 35 languages and 35 frameworks with the same palette applied consistently across all of them.

Declaration keywords and annotations use the same color in every language that has them. Types, functions and imports line up across most languages too, with a few deliberate exceptions where a grammar makes the distinction impossible or where the language reads better its own way.

Screenshots

Overview

overview

Flutter and Dart

flutter

Java

java

CSharp

csharp

React

react

HTML

html

Stylesheets, CSS and SCSS

css

What makes it different

Most themes stop at coloring the scopes a grammar happens to provide. Many grammars give a token no scope at all, or reuse one scope for two very different things, and the result is a language that looks flat no matter which theme you pick. Coolest Dark ships 22 grammar injections to close those gaps, so things like Flutter named arguments, SwiftUI modifiers, Go struct keys, SQL table names and PowerShell enums are actually reachable and colored.

Documentation comments are deliberately pushed back. Prose sits well below the code, and markup nested inside a doc block (XML docs, JSDoc, Javadoc, PHPDoc, dartdoc) is blended toward the background so a long comment never shouts louder than the code under it.

To install

  • Search for "Coolest Dark" in the VS Code marketplace, then set it as your color theme.
  • The font in the screenshots is "Cascadia Code".

To contribute

Open an issue or a pull request.

The samples/ folder holds 70 reference files, one per language and framework, each packing in as many distinct token kinds as the language has. They are the quickest way to see the effect of a change across everything at once.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft