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

Chalkdraw

Michael Volakis

|
113 installs
| (0) | Free
A chalkboard-inspired theme in four variants — Deep, Flat and Cool (dark) and Paper (light) — designed to minimize eye strain.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info
Chalkdraw

Chalkdraw

A chalkboard-inspired theme

Version Installs Downloads License


Chalkdraw Deep


Install

Open Quick Open (Ctrl+P / Cmd+P), then run:

ext install michaelvolakis.chalkdraw

Then pick the theme: Preferences: Color Theme → Chalkdraw Deep, Chalkdraw Flat, Chalkdraw Cool or Chalkdraw Paper.


Neovim

The same four variants ship as a Neovim colorscheme, generated from the same palette source, so the two editors never drift apart. Requires Neovim 0.9+ with termguicolors.

lazy.nvim

{
  'mihavo/chalkdraw',
  lazy = false,
  priority = 1000,
  config = function()
    vim.cmd.colorscheme('chalkdraw-deep')
  end,
}

packer

use { 'mihavo/chalkdraw', config = function() vim.cmd.colorscheme('chalkdraw-deep') end }

Transparent background

{
  'mihavo/chalkdraw',
  lazy = false,
  priority = 1000,
  config = function()
    require('chalkdraw').setup({ variant = 'deep', transparent = true })
  end,
}

Screenshots

Deep

Chalkdraw Deep

Flat

Chalkdraw Flat

Cool

Chalkdraw Cool

Paper

Chalkdraw Paper


Palette

Role Dark Paper
Keywords, storage, control flow #f29790 #b7272d
Imported module paths #98cddf #01535e
Types, classes, packages #4fc9b0 #006d5c
Functions and methods #7aa2f7 #2c59c8
Strings #75bf85 #29743f
Numbers #e2b3ed #7c5186
Named constants, enum members #d19b6c #7c3e2e
Variables, fields, properties #abbfd6 #202e3e
Parameter names in declarations #ffc491 #985500
Operators, brackets, separators #788696 #576474
Comments #6d7681 #4e5d6f
Line numbers #5e6976 #798593
Cursor #abbfd6 #202e3e
Rails, active marks #7aa2f7 #2e6da8
Editor background #181818 #ebe6da
Sidebar, tabs, status bar #1d1d1d #e2dcce
Active line #262626 #cfcabf
Dividers #2d2f32 #d9d3c7

Recommended settings

The screenshots above use these settings:

{
  "workbench.colorTheme": "Chalkdraw Deep",
  "editor.fontFamily": "JetBrains Mono, monospace",
  "editor.fontLigatures": false,
  "editor.fontSize": 13,
  "editor.lineHeight": 22,
  "editor.tabSize": 4,
  "editor.renderWhitespace": "selection"
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft