Skip to content
A VS Code theme with bubblegum colors on a moonlit background
JavaScript Vue Clojure CSS
Branch: master
Clone or download
Latest commit 23d6f9c Jan 27, 2020
Type Name Latest commit message Commit time
Failed to load latest commit information.
src fix: terminal black and editorSuggestWidget colors Jan 27, 2020
tests feat: autogenerate themes Jan 9, 2020
themes fix: gitignore Jan 9, 2020
.vscodeignore chore: use vscodeignore Jan 9, 2020 0.10.1 Jan 27, 2020
LICENSE Initial commit Dec 10, 2018 docs: update readme Jan 9, 2020
build.js chore: fix legacy theme build Jan 9, 2020
icon.png Add icon Dec 10, 2018
package.json 0.10.1 Jan 27, 2020
preview.jpg Update preview Sep 28, 2019

Moonlight 🌌



  • Moonlight (regular and italics) (legacy)
  • Moonlight II (regular and italics) (recommended)


  1. Install Visual Studio Code
  2. Launch Visual Studio Code
  3. Choose Extensions from menu
  4. Search for atomiks.moonlight
  5. Click Install to install it
  6. Click Reload to reload the Code
  7. From the menu bar click: Code > Preferences > Color Theme > Pick your Moonlight variant

How do I enable the glow seen in the screenshot?

Read instructions here.

moonlight.css stylesheet:

.mtk11 {
  color: #91bbff;
  text-shadow: 0 0 10px #2f36ff, 0 0 22px #9d91ff, 0 0 2px black;

.mtk12 {
  color: #67d2ff;
  text-shadow: 0 0 15px #12baff, 0 0 2px black;

⚠️ The mtk token numbers (11 and 12 above – which represent the two function colors) can change when the theme or VS Code version is updated, causing incorrect colors. When new releases arrive, make sure to visit the README for the updated stylesheet or make an issue if they change due to VS Code – I will update them accordingly.

You can’t perform that action at this time.