atomiks/ moonlight-vscode-theme

JavaScript

Clojure

CSS

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

381 Stars

14 Forks

MIT License

105 Commits

7 Opened issues

Description

A VS Code theme with bubblegum colors on a moonlit background

Services available

Need anything else?

Contributors list

James N atomiks

# 1,685

combobo...

HTML

CSS

Shell

100 commits

Brett Mandler Brettm12345

# 73,550

Emacs

zsh-pro...

fisher

fish-sh...

2 commits

Esteban De la Rosa gabbanaesteban

# 96,280

CSS

HTML

snippet...

1 commit

Alex Cavazos AlexKvazos

# 75,396

CSS

sweetal...

TypeScr...

atom-ed...

1 commit

Readme

Moonlight 🌌

Name: moonlight-vscode-theme
Brand: moonlight-vscode-theme
SKU: //atomiks/moonlight-vscode-theme
Rating: 2.7025 (381 reviews)

Variants

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

Installation

Install Visual Studio Code
Launch Visual Studio Code
Choose Extensions from menu
Search for
```
atomiks.moonlight
```
Click Install to install it
Click Reload to reload the Code
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

github-moonlight