Skip to content

atomiks/moonlight-vscode-theme

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Semantic highlighting

Moonlight does not enable semantic highlighting by default, but it can be enabled in settings:

"editor.semanticHighlighting.enabled": true

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

About

A VS Code theme with bubblegum colors on a moonlit background

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published