Kana Dark
A warm, earthy dark theme for Visual Studio Code inspired by chriswiegman.com.
Features
- Dark background with warm brown and terracotta tones
- Soft, readable foreground text that reduces eye strain
- Consistent accent colors throughout the UI and editor
- Italic comments for improved readability
- Balanced syntax contrast for JavaScript, Markdown, JSON, CSS, and terminal output
Screenshots
Kana Dark is designed to keep the chrome subdued while giving code enough contrast to stay easy to scan.
Full Editor Overview
JavaScript and TypeScript Contrast
Markdown and Terminal Surfaces
Installation
From the Marketplace
- Open the Extensions view (
Cmd+Shift+X / Ctrl+Shift+X)
- Search for Kana Dark
- Click Install
From VSIX
- Download the
.vsix file from the releases page
- Open the Extensions view (
Cmd+Shift+X / Ctrl+Shift+X)
- Click the
... menu and select Install from VSIX...
- Select the downloaded file
Activation
- Open the Command Palette (
Cmd+Shift+P / Ctrl+Shift+P)
- Type Preferences: Color Theme
- Select Kana Dark
Development
# Install dependencies
make install
# Build the .vsix package
make package
# Check project status
make status
# Clean build artifacts
make clean
Publishing
- Run
make package to generate the .vsix file
- Go to marketplace.visualstudio.com/manage
- Sign in and select your publisher
- Click + New extension → Visual Studio Code
- Upload the generated
.vsix file
License
MIT
| |
