Hyprland VS Code Theme

A sleek, customizable VS Code theme inspired by the popular Hyprland desktop aesthetic.

Preview

VS Code Full Preview

Terminal

JavaScript

TypeScript

Python

C++

HTML

Features

• Inspired aesthetic from my Hyprland
• JetBrains Mono font support
• Works with popular languages: JavaScript, TypeScript, React, Python, C++, Rust
• Fullscreen background support via Background by Shalldie
• Neon accents for terminal, panels, and editor

Installation

Fonts (required)

Before using the theme, make sure to install these fonts:

• JetBrains Mono
• JetBrains Mono Nerd Font

Theme

Manually

1. Open VS Code → Extensions (Ctrl+Shift+X)
2. Search for Nero Hyprland Theme
3. Click Install and then Set Color Theme

Or via terminal:

code --install-extension amarcos1337.nero-hyprland

Background Extension (recommended)

Manually

1. Open VS Code → Extensions (Ctrl+Shift+X)
2. Search for Background by shalldie
3. Click Install

Or via terminal:

Or Install via terminal:

code code --install-extension shalldie.background

Recommended VS Code Settings

{
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.8,
  "editor.rulers": [80,120],
  "editor.fontLigatures": true,
  "terminal.integrated.fontFamily": "JetBrainsMono Nerd Font",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.cursorStyle": "underline",
  "terminal.integrated.cursorBlinking": true,
  "workbench.colorCustomizations": {
    "terminal.background": "#1a0f2eaa",
    "terminal.foreground": "#dcd6f7",
    "terminalCursor.foreground": "#9b59ff"
  },
  "background.fullscreen": {
    "images": ["https://cdnb.artstation.com/p/assets/images/images/072/310/679/large/ecatherina-farias-teste-2.jpg?1707089607"],
    "opacity": 0.3,
    "size": "cover",
    "position": "center"
  }
}