🐙 Code Kraken™ Theme
Debugging the multiverse — one commit at a time.
Code Kraken™ Theme is a dark, cyberpunk-inspired Visual Studio Code theme and icon kit designed for developers who thrive in chaos, coffee, and cursed Git branches. Featuring a meticulously tuned color palette and a custom product icon font built around the Code Kraken™ mascot.
✨ Features
- Dark theme optimized for code clarity and minimal eye strain
- Kraken-styled syntax highlighting for dozens of languages
- Custom product icons for:
- Explorer
- Search
- Source Control
- Extensions
- Run & Debug
- Settings
- Accounts
- Matching Kraken terminal, UI, and tab colors
- Glowing “V” hoodie energy included
🪲 Error & Warning Highlighting
In the spirit of Code Kraken™’s debugging ritual, all errors and warnings are highlighted in Rubber Ducky Yellow (#fbc02d).
| Message Type |
Color |
Purpose |
| ⚠ Warnings |
#fbc02d |
Catch cautionary hints |
| ❌ Errors |
#fbc02d |
Flag terminal mistakes |
The rubber duck is watching — speak your bugs aloud.
This visual choice aligns with the Kraken’s coding companion, the ever-present duck, reinforcing the idea that sometimes the act of explaining your code out loud is all you need to fix it.
🧪 Preview
🎨 Syntax Highlights
| Scope |
Color |
Description |
keyword, operator |
#b271ff |
Logical/bitwise/JS control flow |
variable.language |
#e96530 |
Built-in language variables |
string |
#e6bbff |
Strings and text |
constant.numeric |
#cbfe87 |
Numbers and enums |
comment |
#5a3a9c |
Comments with a muted tone |
support.function.console |
#db3c80 |
Console/logging statements |
entity.name.class |
#e96530 |
Class and type declarations |
🧩 Custom Product Icon Theme
| View |
Icon |
| Explorer |
Tentacled folder icon |
| Search |
Tentacle wrapped magnifying glass |
| Source Control |
Branching diagram with suckers |
| Extensions |
Puzzle piece with Kraken grip |
| Run & Debug |
Rubber ducky with a play button |
| Settings |
Suction-cup style gear |
| Accounts |
Minimalist Kraken avatar in hoodie |
Powered by a custom .woff icon font — no SVG hacks.
📁 Folder Structure (for devs)
code-kraken-theme/
├── fonts/ # Icon font and selection.json
├── icons/product/ # Original and final Kraken SVG icons
├── themes/code-kraken-color-theme.json
├── themes/code-kraken-product-icon-theme.json
├── images/theme-screenshot.jpg
├── package.json
└── README.md
🔧 Installation
- Open Extensions panel in VS Code
- Search for
Code Kraken Theme
- Click Install
- Press
Ctrl+K Ctrl+T and choose Code Kraken™ Theme
- Press
Ctrl+Shift+P, then select:
Preferences: Product Icon Theme → Code Kraken Icons
📦 Manual Install (Dev)
If you're testing locally:
git clone https://github.com/your-user/code-kraken-theme
cd code-kraken-theme
npm install -g vsce
vsce package
code --install-extension code-kraken-theme-0.0.1.vsix
🐙 About Code Kraken™
Code Kraken™ is a cyber-octopus mascot born from late-night deploys, terminal rituals, and chaotic dev memes. He has no mouth — only expressive eyes, a hoodie, a duck, and six restless limbs trying to make sense of Git.
📜 License
This theme and all Code Kraken™ assets are licensed under the
Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
You may use this extension personally and share it unmodified,
but you may not remix, redistribute modified versions, or use it commercially.
🔗 Full License Terms
📧 For commercial inquiries, contact Zachery Charles Vanderford.
© Zachery Vanderford. All rights reserved.
🧼 Trademark Notice
Code Kraken™ is a trademark of Zachery Charles Vanderford.
All rights reserved. This theme and mascot are part of an original character universe.
