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

Productive Hadi Theme

hadi-dev

|
3 installs
| (0) | Free
A geeky, tech-inspired theme package boosting productivity with sci-fi aesthetics and accessible contrast.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Productive Hadi Theme

A premium, geeky, and productivity-focused VS Code theme pack.

Themes

1. Productive Hadi Dark

The Void & The Neon.

  • Background: Deepest indigo/black (#0a0e14) for zero eye strain.
  • Accents: Neon Cyan (#00f0ff) & Electric Magenta (#ff00ff).
  • Vibe: Cyberpunk, Retro Terminal, Bioluminescent.
  • Productivity: Verified WCAG AA Contrast compliance for all text.

2. Productive Hadi Light

The Lab & The Hologram.

  • Background: Pure Optical White (#ffffff).
  • Accents: Deep Electric Blue (#0066cc) & Vivid Purple (#7c3aed).
  • Vibe: Clinical, High-Tech, Crisp.
  • Productivity: High contrast for bright environments.

Installation

  1. Copy the productive-hadi-theme folder to your VS Code extensions folder:
    • Mac/Linux: ~/.vscode/extensions/
    • Windows: %USERPROFILE%\.vscode\extensions\
  2. Restart VS Code.
  3. Press Cmd/Ctrl + K, then Cmd/Ctrl + T (or Code > Preferences > Color Theme).
  4. Select Productive Hadi Dark or Productive Hadi Light.

Verification

This theme is scientifically verified for productivity. Run npm test in the extension directory to verify WCAG AA compliance (4.5:1 minimum contrast ratio).

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft