🐉 DragonFu
Dark theme + Material icon pack for VS Code — pure black background with vibrant neon colors optimized for Apex/Salesforce, SOQL, and 20+ languages.
✨ Features
🎨 Color Theme
A carefully crafted dark theme with pure black background (#000000) and a vibrant neon palette that maximizes contrast and readability.
- Optimized for Apex/Salesforce — SOQL keywords (
SELECT, FROM, WHERE) get a distinct golden color, while field names stand out in green
this/self in bold red — context references are instantly visible- Italic comments in soft blue-gray for clear code/comment separation
- OLED-friendly — pure black saves battery on OLED displays
📁 Icon Theme (Material Style)
85 custom SVG icons with a clean Material Design aesthetic, using the DragonFu color palette:
| Category |
Count |
Color |
| JavaScript / TypeScript / React / Vue / Svelte / Angular |
8 |
Cyan |
| HTML / XML |
2 |
Green |
| CSS / SCSS / LESS / Tailwind |
4 |
Pink |
| JSON / YAML / TOML / CSV / ENV |
5 |
Green / Yellow |
| Python / Ruby / PHP / Lua / Perl / Elixir |
6 |
Purple |
| Java / Kotlin / C# / C++ / C / Go / Rust / Swift / Dart / R / Scala / Haskell |
12 |
Coral |
| Apex / LWC / Visualforce |
3 |
Dark Pink |
| Docker / npm / Webpack / Vite / Shell / Git / ESLint / Prettier |
8 |
Various |
| Markdown / Text / README / LICENSE |
4 |
Gold |
| Image / SVG / Font / Video / Audio |
5 |
Red |
| SQL / Database / Lock / Settings |
4 |
Various |
| Folders (default + 10 named variants) |
22 |
By type |
Smart folder coloring: src (cyan), test (coral), node_modules (green), config (gray), dist/build (yellow), docs (gold), assets (pink), lib (purple), components (pink).
🎯 Color Palette
| Color |
Hex |
Used For |
| 🔷 Cyan |
#36f9f6 |
Functions, escape chars, CSS IDs |
| 🟢 Green Mint |
#72f1b8 |
Strings, SOQL fields, HTML tags |
| 💗 Pink |
#ff7edb |
Variables, headings, object properties |
| 💛 Yellow |
#fede5d |
Keywords, operators, HTML attributes |
| 🔶 Coral |
#f97e72 |
Constants, numbers, regex, cursor |
| 🧊 Light Blue |
#7dcfff |
Types, control keywords (if, for, return) |
| 💜 Dark Pink |
#de238d |
Class/extends declarations, SObject types |
| 🟡 Gold |
#e6c07b |
SOQL keywords |
| 🟣 Purple |
#bd93f9 |
— |
| ⬛ Pure Black |
#000000 |
Editor background |
🚀 Installation
From marketplace
- Open Extensions sidebar (
Ctrl+Shift+X)
- Search for DragonFu
- Click Install
Activation
Color Theme:
Ctrl+Shift+P → Preferences: Color Theme- Select DragonFu
Icon Theme:
Ctrl+Shift+P → Preferences: File Icon Theme- Select DragonFu Icons
📋 Supported Languages
Apex · Aura · Angular · C · C++ · C# · Clojure · CSS · Dart · Elixir · Go · Haskell · HTML · Java · JavaScript · Jest · JSON · Kotlin · Less · Lua · Markdown · Perl · PHP · Python · R · React/JSX · Ruby · Rust · Sass/SCSS · Scala · Shell · SQL · Svelte · Swift · Tailwind · TypeScript · Vue · Visualforce · XML · YAML
📦 What's Included
dragonfu/
├── package.json
├── themes/
│ └── dragonfu-color-theme.json ← Color theme
├── dragonfu-icon-theme.json ← Icon definitions & mappings
└── icons/ ← 85 Material SVG icons
🤝 Contributing
Found a bug or want to request an icon? Open an issue or submit a PR!
📄 License
MIT
Enjoy! 🐉🔥
