Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Luvia ThemeNew to Visual Studio Code? Get it now.
Luvia Theme

Luvia Theme

maciekt07

|
20,347 installs
| (8) | Free
A purple-ish theme that dark mode lovers and who code at night would thoroughly enjoy.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

luvia-vscode-theme

installs rating license

A purple-ish theme that dark mode lovers and who code at night would thoroughly enjoy.

Screenshots

rain full-window

REACT

react

HTML

html

CSS

css

JS

js

JSON

json

Color Palette

Luvia Theme Dark

Color                Use
#9bb5e6 Editor Foreground
#ff42ac Variables, Properties
#a449ff Keywords
#ffa352 Numbers
#98a3ff Classes, Constants
#4d92ff Functions, Methods
#59f7ffe5 Strings
#ff67e7 Operators, Special Functions
#c5bfd1b7 Comments
#14121b Widgets Background
#1a1b26 Editor Background
#804fb3 Main Purple Accents
#0d0d0d Left Bar Background
#14121b List Background
#4f4f96 List Selected
#504bd5b7 List Hover
#1d1f28 Terminal Background
#ffffffc5 Terminal Foreground

Installation

  1. Open the Extensions sidebar panel in VS Code. View → Extensions

  2. Search for Luvia

  3. Click Install

  4. When prompted, select Luvia Theme as the color theme

In case of not being prompted to select a Color Theme upon installing, go to the menu bar and select: Code (File, on Windows) > Preferences > Color Theme > Luvia Theme. Alternatively, you can use the shortcut ⌘/Ctrl + K > ⌘/Ctrl + T and select Luvia Theme.


Issues

If you found an issue, you can report it in the github issues


Credits

Made with 💜 by maciekt07

Github repository


Product Hunt

Luvia Theme For Visual Studio Code - Dark Visual Studio Code theme for those who code at night | Product Hunt



Online preview in vscode.dev

Visual Studio Marketplace

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft