Xikreti
A retro-futuristic dark theme inspired by SynthWave '84 — with neon green replacing red for a unique cyberpunk-forest aesthetic.
Color Palette
| Role |
Color |
Hex |
| Background |
Deep Purple |
#262335 |
| Sidebar |
Dark Plum |
#241b2f |
| Keywords |
Neon Yellow |
#fede5d |
| Functions |
Cyan |
#36f9f6 |
| Strings |
Orange |
#ff8b39 |
| Variables |
Pink |
#ff7edb |
| Constants / Numbers |
Neon Green |
#2bff88 |
| Types / Classes |
Mint Green |
#72f1b8 |
| Comments |
Muted Purple |
#848bbd |
| Errors / Warnings |
Mint Green |
#72f1b8 |
Installation
Option 1 — Install directly in VS Code (VSIX)
- Open VS Code
- Press
Ctrl+Shift+P → type Extensions: Install from VSIX...
- Select the
.vsix file
- Reload VS Code
- Go to
File → Preferences → Color Theme and select Xikreti
Option 2 — Load from local folder (Development mode)
- Copy the
Xikreti Theme folder to your VS Code extensions directory:
- Windows:
%USERPROFILE%\.vscode\extensions\
- macOS/Linux:
~/.vscode/extensions/
- Restart VS Code
- Go to
File → Preferences → Color Theme → select Xikreti
Option 3 — Open as Workspace & Press F5
- Open the
Xikreti Theme folder in VS Code
- Press
F5 to open an Extension Development Host
- In the new window, select Xikreti as your color theme
Compatibility
Works with:
- VS Code (primary target)
- JetBrains IDEs (via the TextMate token colors)
- Atom / Pulsar (via the tmTheme generator)
- Vim/Neovim (colros can be ported via
.vim theme converter)
Neon Glow Effect (Optional)
Like SynthWave '84, you can add a neon glow effect using the Custom CSS and JS Loader extension:
- Install Custom CSS and JS Loader
- Add a CSS file with your glow rules (example below)
- Set
"vscode_custom_css.imports" in your settings.json
/* Neon Glow — paste in a .css file and load via Custom CSS extension */
.mtk5 { text-shadow: 0 0 2px #100c0f, 0 0 5px #2bff8877, 0 0 10px #2bff8844; }
.mtk6 { text-shadow: 0 0 2px #100c0f, 0 0 5px #72f1b877, 0 0 10px #72f1b844; }
.mtk7 { text-shadow: 0 0 2px #100c0f, 0 0 5px #36f9f677, 0 0 10px #36f9f644; }
.mtk8 { text-shadow: 0 0 2px #100c0f, 0 0 5px #fede5d77, 0 0 10px #fede5d44; }
.mtk9 { text-shadow: 0 0 2px #100c0f, 0 0 5px #ff8b3977, 0 0 10px #ff8b3944; }
License
MIT License — see SynthWave '84 for the original theme.
| |
