Need help with moonlight-vscode-theme?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

atomiks
318 Stars 12 Forks MIT License 105 Commits 5 Opened issues

Description

A VS Code theme with bubblegum colors on a moonlit background

Services available

!
?

Need anything else?

Contributors list

# 1,902
combobo...
HTML
CSS
Shell
100 commits
# 76,176
Emacs
zsh-pro...
zsh-the...
fish-sh...
2 commits
# 82,789
CSS
HTML
snippet...
vue2
1 commit
# 65,479
CSS
Shell
sweetal...
TypeScr...
1 commit

Moonlight 🌌

Preview

Variants

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

Installation

  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.

Related Packages

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.