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

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

James N atomiks

# 1,902

combobo...

HTML

CSS

Shell

100 commits

Brett Mandler Brettm12345

# 76,176

Emacs

zsh-pro...

zsh-the...

fish-sh...

2 commits

Esteban De la Rosa gabbanaesteban

# 82,789

CSS

HTML

snippet...

1 commit

Alex Cavazos AlexKvazos

# 65,479

CSS

Shell

sweetal...

TypeScr...

1 commit

Readme

Moonlight 🌌

Name: moonlight-vscode-theme
Brand: moonlight-vscode-theme
SKU: //atomiks/moonlight-vscode-theme
Rating: 2.545 (318 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