Hikari Suite (光)
An eye-care artisan theme suite engineered for full-stack developers. Delivers calibrated contrast ratios across deep darks, pure OLED blacks, crisp daylight paper, and a zero-fatigue warm sepia e-book canvas.
Created by Muhammad Maulana Yusuf (@mmy-lana).
🎨 4 Curated Variants
| Theme |
Mood |
Canvas Hex |
Best For |
| Hikari Charcoal |
Deep Charcoal Dark |
#222125 |
Daily dev sessions, low-glare pastel neon accents |
| Hikari Midnight |
Pure OLED Pitch Black |
#09090B |
Max battery saving & punchy contrast |
| Hikari Paper |
Japanese Washi Light |
#FAF7F0 |
Bright daylight rooms with zero eye-strain |
| Hikari E-Book |
Warm Sepia Parchment |
#F2EBD9 |
Extended reading & marathon coding sessions |
⚡ Framework & Language Coverage
Hikari includes deep token definitions and semantic highlighting for:
- Frontend: TypeScript, JavaScript, React (JSX/TSX), Vue (
v- directives), Svelte ($ stores & bindings), Angular templates, Tailwind CSS, SCSS, HTML5.
- Backend & Systems: Python, Go, Rust, C# (.NET), Java (Spring), PHP, Ruby, SQL.
- Infra: Docker, Kubernetes, YAML, JSON, Markdown.
🧩 Visual Companion Support
Hikari works out-of-the-box with your favorite developer extensions without modifying your global settings:
- Better Comments (
aaron-bond.better-comments): Styled scopes for !, ?, *, TODO, and NOTE.
- Indent-Rainbow (
oderwat.indent-rainbow): Soft pastel tier gradients.
- Material Icon Theme (
pkief.material-icon-theme): Harmonized folder and file accents.
- GitLens & Git-Graph: Branch, merge, and commit heatmaps.
🚀 Installation & Activation
- Open VS Code extensions (
Ctrl+Shift+X / Cmd+Shift+X).
- Search for
Hikari Suite or publisher mmy-lana.
- Click Install.
- Press
Ctrl+K Ctrl+T (or Cmd+K Cmd+T) and select your preferred variant.
💡 Optional: Workspace Visual Customization
To enable soft pastel indentation guides and colorized comment tags, add this snippet to your .vscode/settings.json:
{
"indentRainbow.colors": [
"rgba(255, 216, 102, 0.07)",
"rgba(255, 97, 136, 0.07)",
"rgba(120, 220, 232, 0.07)",
"rgba(169, 220, 118, 0.07)",
"rgba(171, 157, 242, 0.07)",
"rgba(252, 152, 103, 0.07)"
]
}
📄 License
MIT © Muhammad Maulana Yusuf
| |
