dainty-vscode

Streamlined versions of popular VS Code themes

Usage no npm install needed!

<script type="module">
  import daintyVscode from 'https://cdn.skypack.dev/dainty-vscode';
</script>

README

Dainty for Visual Studio Code

Visual Studio Marketplace Version Visual Studio Marketplace Downloads Visual Studio Marketplace Downloads

Dainty is a color theme generator with support for Visual Studio Code. It comes with default presets Dainty Dark and Dainty Light as well as popular color themes as its presets.

Dainty keeps most of the token colors of the original themes, but the workbench and UI elements such as selections and shadows are rebuilt for a sleek and minimal appearance.

Presets

Dainty Dark (dainty-dark)

Dainty Dark

Dainty Light (dainty-light)

Dainty Light

Cobalt2 (cobalt2)

Cobalt2

Dracula (dracula)

Dracula

Night Owl (night-owl)

Night Owl

One Dark Pro (one-dark-pro)

One Dark Pro

Material Theme Palenight (palenight)

Material Theme Palenight

Prettier (prettier)

Prettier

Additional presets

  • Andromeda (andromeda)
  • Ardent (ardent)
  • Ayu Mirage (ayu-mirage)
  • City Lights (city-lights)
  • Dark+ (dark-plus)
  • Dark+ Reimagined (dark-plus-reimagined)
  • Fluent (fluent)
  • Material Theme Ocean (material-theme-ocean)
  • Material Theme (material-theme)
  • Minimal (minimal)
  • Mirage (mirage)
  • Monokai Night (monokai-night)
  • Monokai (monokai)
  • Nord (nord)
  • Oceanic Next (oceanic-next)
  • Panda Theme (panda-theme)
  • Pivot (pivot)
  • Purple Haze (purple-haze)
  • Snazzy Theme (snazzy-theme)
  • Timbre (less chroma) (timbre-less-chroma)
  • Timbre (timbre)
  • Tomorrow Night Eighties (tomorrow-night-eighties)

Get it

The easiest way to get Dainty is to install it through Extensions in Visual Studio Code. Search for “dainty”.

Build it

git clone https://github.com/alexanderte/dainty-vscode.git
cd dainty-vscode
yarn

Install theme into your settings.json

yarn build -i -p dainty-dark

Configuration

See https://dainty.site/configuration for more information.

VS Code-specific customizations

It is possible to tap into the customizations done by Dainty through the objects __colors and __tokenColors.

{
  "customizations": {
    "__colors": {
      "activityBar.background": "neutral-2"
    },
    "__tokenColors": [
      {
        "scope": ["string"],
        "foreground": "blue-14"
      }
    ]
  }
}

License

Dainty is licensed under the MIT License.