Shadow Monarch VS Code Extension Family
Shadow Monarch is a premium VS Code color theme family inspired by Sung Jin-woo from Solo Leveling.
This extension package contains four distinct variations of the theme (2 dark, 2 light), designed for visual comfort, high readability, and a premium "System UI" aesthetic.
The Four Theme Variants
1. Shadow Monarch (Void — Default Dark)
- Description: The core Solo Leveling aesthetic. A deep purple-black void background with glowing system-cyan, electric purple, radiant gold, and warning red accents.
- Background:
#0D0A1A
- Best For: General use, high-readability dark mode coding.
2. Shadow Monarch Abyss (Ultra Dark)
- Description: An even deeper, bottom-of-the-abyss black background. Uses vibrant neon cyan and electric purple highlights for a glowing, cybernetic shadow-magic look.
- Background:
#05040B
- Best For: Night coding and maximum contrast.
3. Shadow Monarch Light (Pastel Light)
- Description: A light mode counterpart styled in the lavender family. A clean, soft pastel lavender-white background paired with high-contrast deep indigo, violet, warm gold, and emerald green syntax colors.
- Background:
#F5F3FF
- Best For: Bright room coding with soft, pastel ergonomics.
4. Shadow Monarch Twilight (Twilight Gray)
- Description: A mid-contrast, dusty twilight lavender-gray background. Offers a slightly dimmer and softer light theme experience to reduce reflection and glare.
- Background:
#E0DBEC
- Best For: Daytime coding with relaxed, low-strain contrast.
Token & Syntax Color Palette (Void/Abyss Dark Models)
| Color |
Hex |
Syntax / Tokens |
Role in Solo Leveling |
| Electric Violet |
#A78BFA |
Keywords, control flow, import/export, HTML tags. |
Aura of the Shadow Monarch |
| Radiant Gold |
#FBBF24 |
Functions, method calls, React hooks, decorators, list hovers. |
Golden key / Quest systems |
| Status Window Cyan |
#38BDF8 |
Strings, template literals, JSON values, CSS values. |
Glowing holographic stat screens |
| Blood Red |
#F43F5E |
Numbers, booleans, constants (true, false, null). |
Jin-woo's eyes & high-threat warnings |
| System Green |
#34D399 |
Comments (italic), docstrings. |
Healing potions & passive buff displays |
| Pale Lavender |
#E2D9F3 |
Variable names, parameters, plain text, CSS selectors, operators. |
Cold silver shadow energy |
| Glowing Blue-Purple |
#818CF8 |
Punctuation, delimiters, brackets, JSX attributes. |
Shadow soldier energy |
Installation & Setup
To install Shadow Monarch manually:
Step 1: Copy folder to Extensions directory
Copy the containing folder into the appropriate extensions folder:
VS Code (Standard):
- Windows:
%USERPROFILE%\.vscode\extensions\shadow-monarch
- macOS/Linux:
~/.vscode/extensions/shadow-monarch
VS Code Insiders:
- Windows:
%USERPROFILE%\.vscode-insiders\extensions\shadow-monarch
- macOS/Linux:
~/.vscode-insiders/extensions/shadow-monarch
Step 2: Reload window
Open the Command Palette (Ctrl+Shift+P or Cmd+Shift+P) in VS Code, run Developer: Reload Window, and press Enter.
Step 3: Activate theme
Press Ctrl+K then Ctrl+T (or go to Preferences: Color Theme via the Gear icon), search for Shadow Monarch, and select any of the 4 variations!
| |
