VS Code Extensions
Akane Noir

Akane Noir

by nsnet

A calm gray-dark VS Code theme with warm akane accents by Akame.

Downloads

18

Rating

— (0)

Version

0.1.0

Last updated

May 30, 2026

茜ノワール

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

Akane Noir editor preview

Akane Noir UI 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

Related extensions