Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maciekt07/luvia-vscode-theme

A purple-ish theme that dark mode lovers and who code at night would thoroughly enjoy.
https://github.com/maciekt07/luvia-vscode-theme

color colors purple rain theme themes visual-studio-code vscode-extension vscode-theme

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

        

# [luvia-vscode-theme](https://vscode.dev/theme/maciekkoks.luvia-theme/Luvia%20Theme%20)



![installs](https://img.shields.io/visual-studio-marketplace/i/maciekkoks.luvia-theme?color=%23804fb3&style=flat)
![rating](https://img.shields.io/visual-studio-marketplace/r/maciekkoks.luvia-theme?color=%23804fb3&style=flat)
![license](https://img.shields.io/github/license/maciekkoks/luvia-vscode-theme?color=%23804fb3&style=flat)

Dark Visual Studio Code Theme with purple accents for those who code at night.

# Screenshots

![rain](https://raw.githubusercontent.com/maciekkoks/luvia-vsc-theme/main/Static/rain-background-preview.png)
![full-window](https://raw.githubusercontent.com/maciekkoks/luvia-vsc-theme/main/Static/full-window-preview.png)

# REACT

![react](https://raw.githubusercontent.com/maciekkoks/luvia-vscode-theme/main/Static/langs/react.png)

# HTML

![html](https://raw.githubusercontent.com/maciekkoks/luvia-vscode-theme/main/Static/langs/html.png)

# CSS

![css](https://raw.githubusercontent.com/maciekkoks/luvia-vscode-theme/main/Static/langs/css.png)

# JS

![js](https://raw.githubusercontent.com/maciekkoks/luvia-vscode-theme/main/Static/langs/js.png)

# JSON

![json](https://raw.githubusercontent.com/maciekkoks/luvia-vscode-theme/main/Static/langs/json.png)

## Color Palette
#### Luvia Theme Dark
| Color                | Use |
| ---------- | ------------------------------------------------------------ |
| ![](https://via.placeholder.com/15/9bb5e6/9bb5e6?text=+) `#9bb5e6` | Editor Foreground |
| ![](https://via.placeholder.com/15/ff42ac/ff42ac?text=+) `#ff42ac` | Variables, Properties |
| ![](https://via.placeholder.com/15/a449ff/a449ff?text=+) `#a449ff` | Keywords |
| ![](https://via.placeholder.com/15/ffa352/ffa352?text=+) `#ffa352` | Numbers |
| ![](https://via.placeholder.com/15/98a3ff/98a3ff?text=+) `#98a3ff` | Classes, Constants |
| ![](https://via.placeholder.com/15/4d92ff/4d92ff?text=+) `#4d92ff` | Functions, Methods |
| ![](https://via.placeholder.com/15/59f7ffe5/59f7ffe5?text=+) `#59f7ffe5` | Strings |
| ![](https://via.placeholder.com/15/ff67e7/ff67e7?text=+) `#ff67e7` | Operators, Special Functions |
| ![](https://via.placeholder.com/15/c5bfd1b7/c5bfd1b7?text=+) `#c5bfd1b7` | Comments |
| ![](https://via.placeholder.com/15/14121b/14121b?text=+) `#14121b` | Widgets Background |
| ![](https://via.placeholder.com/15/1a1b26/1a1b26?text=+) `#1a1b26` | Editor Background |
| ![](https://via.placeholder.com/15/804fb3/804fb3?text=+) `#804fb3` | Main Purple Accents |
| ![](https://via.placeholder.com/15/0d0d0d/0d0d0d?text=+) `#0d0d0d` | Left Bar Background |
| ![](https://via.placeholder.com/15/14121b/14121be?text=+) `#14121b` | List Background |
| ![](https://via.placeholder.com/15/4f4f96/4f4f96?text=+) `#4f4f96` | List Selected |
| ![](https://via.placeholder.com/15/504bd5b7/504bd5b7?text=+) `#504bd5b7` | List Hover |
| ![](https://via.placeholder.com/15/1d1f28/1d1f28?text=+) `#1d1f28` | Terminal Background |
| ![](https://via.placeholder.com/15/ffffffc5/ffffffc5?text=+) `#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](https://github.com/maciekkoks/luvia-vsc-theme/issues)


## Credits

Made with 💜 by [maciekkoks](https://github.com/maciekkoks)

if u like it, u can buy me a coffee <3

### 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](https://vscode.dev/theme/maciekkoks.luvia-theme/Luvia%20Theme%20)

[Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=maciekkoks.luvia-theme)