MangaMode: anime & manga eye-comfort themes

A VS Code theme extension with anime/manga-inspired dark variants for long coding sessions level up your setup without frying your eyes:

Low-glare backgrounds for marathon coding
Controlled saturation-vibrant but not overwhelming
Clear token contrast without harsh neon, so your syntax stays readable

Theme variants

Dragon Ball: A high-energy theme with bold oranges and deep blues. Designed for those "Power Level over 9000" coding sessions
One Piece: Rich ocean teals and Straw Hat reds. Navigate through your most complex codebases like a Pirate King
Pokémon: Sharp yellows and soft greys. Fast, recognizable, and "super effective" against eye strain
Demon Slayer: Deep charcoal backgrounds with striking water-blue and fire-red accents. Elegant and sharp as Nichirin sword
Jujutsu Kaisen: A "Hollow Purple" aesthetic featuring dark violets and neon cyans. Master the domain of your own logic
Dandadan: A chaotic-cool mix of neon pinks, extraterrestrial greens, and occult purples. For the dev who likes things a bit weird

Screenshots

Dragon Ball

Dragon Ball

One Piece

One Piece

Pokémon

Pokémon

Demon Slayer

Demon Slayer

Jujutsu Kaisen

Jujutsu Kaisen

Dandadan

Dandadan

Installation

Download the .vsix file from the Releases page
In VS Code, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
Run Extensions: Install from VSIX...
Select the downloaded file

Usage

Open Command Palette: Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
Run Preferences: Color Theme
Select any MangaMode: ... variant

Suggested settings for eye strain & eye health

Pair this theme with these VS Code settings to reduce eye fatigue during long coding sessions. Merge these keys into your settings.json (File → Preferences → Open User Settings (JSON)):

{
  "editor.fontSize": 15,
  "editor.fontFamily": "'Fira Code', 'JetBrains Mono', 'Cascadia Code', monospace",
  "editor.fontLigatures": true,
  "editor.lineHeight": 1.6,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.smoothScrolling": true,
  "editor.minimap.enabled": true,
  "editor.minimap.scale": 1,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true
}

Tip: Take regular breaks (e.g. 20-20-20 rule: every 20 minutes, look at something 20 feet away for 20 seconds).

Feedback

Found a bug, have a theme idea, or just want to say hi? Drop a line at marko@frompixels.com—your feedback powers the next arc of MangaMode.

License

Crafted with ❤️, AI, and a love for anime by Marko Nikolajevic

MangaMode

markonikolajevic