Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Zero Dark ThemeNew to Visual Studio Code? Get it now.
Zero Dark Theme

Zero Dark Theme

Hidayat Lossen

|
3 installs
| (0) | Free
A sleek, true-black dark theme for VS Code featuring 13 distinct dark variants and fully visible Git diff indicators.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Zero Dark Theme

Zero Dark Theme Logo

A sleek, true-black dark theme family for Visual Studio Code.
Optimized for OLED displays, deep focus, and zero eye-strain.

Version 1.0.0 MIT License VS Code Compatible


✨ Features

  • 🖤 True Pitch Black & AMOLED Styles: Multiple background options ranging from #000000 to #0a0a0a, #0e0e0e, and #111114.
  • 👁️ Eye Comfort / Soft Variants: Dedicated Soft editions crafted specifically for long coding sessions with zero glare and balanced contrast, powered by an eye-friendly Tailwind CSS color palette (emerald-400, sky-400, rose-400, violet-400, teal-300, amber-400, slate-200/300).
  • 🚀 Crystal-Clear Git Diff Decorations: Gutter indicators, scrollbar overview ruler, minimap markers, and file explorer decorations are tuned for maximum clarity (#38bdf8 for modified, #34d399 for added, #fb7185 for deleted).
  • 📏 Indentation Guides & Bracket Pairs: Clear indent guides and colorized bracket pairs for Python, YAML, Go, Rust, and TypeScript.
  • ⚡ Zero Bloat: Pure, lightweight JSON color definitions.

🎨 13 Distinct Theme Variants

Terbagi menjadi 5 kategori latar yang jelas dengan 3 pilihan karakter sintaks:

  • Soft: Palet warna Tailwind CSS yang sejuk, empuk, dan anti sakit mata untuk ngoding durasi panjang.
  • Shiny: Warna sintaks cerah, tegas, dan berenergi tinggi.
  • Classic: Pewarnaan sintaks AMOLED original yang seimbang.
Varian Tema Canvas Editor Sidebar / Panel Gaya Sintaks Karakter & Kegunaan
Zero Dark - Pitch Black Soft #000000 #000000 🌿 Tailwind Soft Layar hitam murni OLED dengan sintaks Tailwind pastel yang sejuk dan anti lelah mata.
Zero Dark - Pitch Black Shiny #000000 #000000 ✨ Calibrated Shiny Layar hitam murni OLED dengan warna sintaks cerah dan berenergi tinggi.
Zero Dark - Pitch Black Classic #000000 #000000 Classic AMOLED Layar hitam murni OLED dengan pewarnaan sintaks AMOLED standar.
Zero Dark - Charcoal Soft #000000 #111114 🌿 Tailwind Soft Canvas kode hitam pekat dipadu sidebar charcoal tenang dengan sintaks Tailwind Soft.
Zero Dark - Charcoal Shiny #000000 #111114 ✨ Calibrated Shiny Canvas kode hitam pekat dipadu sidebar charcoal dengan sintaks Shiny yang hidup.
Zero Dark - Charcoal Classic #000000 #111114 Classic AMOLED Canvas kode hitam pekat dipadu sidebar charcoal dengan sintaks AMOLED standar.
Zero Dark - Charcoal Inverted Soft #111114 #000000 🌿 Tailwind Soft Canvas editor charcoal teduh dipadu sidebar hitam pekat dengan sintaks Tailwind Soft.
Zero Dark - Charcoal Inverted Shiny #111114 #000000 ✨ Calibrated Shiny Canvas editor charcoal teduh dipadu sidebar hitam pekat dengan sintaks Shiny.
Zero Dark - Charcoal Mono Soft #111114 #111114 🌿 Tailwind Soft Desain monolitik serba charcoal #111114 di seluruh window dengan sintaks Tailwind Soft.
Zero Dark - Charcoal Mono Shiny #111114 #111114 ✨ Calibrated Shiny Desain monolitik serba charcoal #111114 di seluruh window dengan sintaks Shiny.
Zero Dark - Carbon Shiny #0a0a0a #0a0a0a ✨ Calibrated Shiny Nuansa carbon dark #0a0a0a menyeluruh dengan sintaks Shiny.
Zero Dark - Classic #0e0e0e #0e0e0e Classic AMOLED Tema seimbang legendaris #0e0e0e dengan pewarnaan AMOLED asli.
Zero Dark - Classic Shiny #0e0e0e #0e0e0e ✨ Vibrant Shiny Tema seimbang #0e0e0e dengan aksen sintaks ultra-vivid yang menyala.

📦 Installation

Option 1: Install via VSIX

  1. Download the latest .vsix file from the Releases section (e.g. zero-dark-theme-1.0.0.vsix).
  2. Open Visual Studio Code.
  3. Press Ctrl + Shift + P (or Cmd + Shift + P on macOS) to open the Command Palette.
  4. Type and select Extensions: Install from VSIX....
  5. Select the downloaded .vsix file.
  6. Open Color Theme selection (Ctrl + K, Ctrl + T) and choose your favorite Zero Dark variant!

Option 2: Command Line Installation

code --install-extension zero-dark-theme-1.0.0.vsix

🛠️ Building from Source

To package the extension into a .vsix bundle locally:

# 1. Clone repository
git clone https://github.com/Hlossen116/zero-dark-theme.git
cd zero-dark-theme

# 2. Package with vsce
npx @vscode/vsce package

📄 License

This project is licensed under the MIT License © 2026 Hidayat Lossen.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft