Akane Noir
茜ノワール
A calm gray-dark VS Code theme with warm akane accents, built for readable long coding sessions with a quiet noir mood.
GitHub description:
A calm gray-dark VS Code theme with warm akane accents by Akame.
Repository:
https://github.com/NSNet21/akane-noir
Preview
About
Akane Noir is a gray-dark VS Code color theme by Akame. It uses blue-gray noir surfaces, strong akane red focus accents, readable colorful syntax, and a restrained UI style that avoids pure black backgrounds.
The first prototype was tuned by inspecting real VS Code surfaces instead of only editing a palette table. Core editor surfaces, sidebar, tabs, command palette, dropdown menus, terminal, chat/inline chat, Problems panel, and sample syntax files have all had a first visual pass.
Features
- Gray-dark editor surface, not pure black.
- Akane/crimson focus accents for active UI states.
- White editor and terminal caret for better visibility.
- Red-focused syntax for keywords, variables, properties, tags, and important UI text.
- Green strings, cyan functions, yellow constants/types/operators.
- Muted gray-violet comments.
- Semantic highlighting enabled.
- Baseline terminal, Git/diff, Problems, and menu colors included.
- Preview samples across common language and config formats.
Theme Details
- Theme label:
Akane Noir
- Package name:
akane-noir
- Publisher:
nsnet
- Author/brand:
Akame
- Type:
vs-dark
- Version:
0.1.0
- First release scope: theme-only
Icon
The package icon is assets/icon.png, using an akane-red eye/aperture mark on a dark noir background.
Local Development
Run the validator:
npm test
Open this folder in VS Code and launch the extension host:
Run and Debug -> Launch Akane Noir Theme
Then choose:
Preferences: Color Theme -> Akane Noir
Visual Checks
Useful files are in samples/.
Recommended checks:
- TypeScript / TSX / JSX / JavaScript syntax
- CSS, HTML, JSON, YAML, TOML, XML
- Markdown source and preview
- PowerShell, shell, Python, and SQL
- Command Palette and dropdown menus
- Problems panel
- Terminal panel
- Chat or inline chat surfaces when available
- Git and diff views
Packaging
Package locally:
npx @vscode/vsce package --no-dependencies --allow-missing-repository --baseContentUrl https://github.com/nsnet/akane-noir/blob/main --baseImagesUrl https://raw.githubusercontent.com/nsnet/akane-noir/main
The temporary base URLs above are only needed until the real GitHub repository metadata is added to package.json.
Install the packaged VSIX:
code --install-extension akane-noir-0.1.0.vsix --force
Status
This is the first usable local prototype. The first color pass is intentionally frozen. If a surface looks out of place during real usage, patch that surface specifically rather than adding broad theme keys preemptively.
No Marketplace publish step has been done yet.
License
MIT
