Harmonia Zen logo

Harmonia Zen

Active · v1.1.0

Why Harmonia Zen?

VS Code includes a built-in Zen Mode that hides UI elements for distraction-free coding. Harmonia Zen builds on this concept by giving you granular control over exactly what stays and what goes, paired with productivity tools to help structure your focus sessions.

What Harmonia Zen adds:


Zen Mode Panel

A sleek control panel where you configure your distraction-free environment. Toggle individual UI elements on or off to create your perfect workspace.

Zen Mode Panel

Controllable elements:


Preset Profiles

Quickly switch between different configurations:

PresetDescription
MinimalHide everything for maximum focus
WriterClean view with cursor and scrollbar
FocusKeep code aids, hide distractions
CustomSave your own configurations

Pomodoro Timer

Structure your work with the Pomodoro Technique:


Focus Statistics

Track your productivity journey with detailed statistics:

Focus Statistics


Keyboard Shortcuts

ActionMacWindows/Linux
Toggle Zen ModeCmd+Alt+ZCtrl+Alt+Z
Open PanelCmd+Alt+Shift+ZCtrl+Alt+Shift+Z
Toggle TimerCmd+Alt+PCtrl+Alt+P
Stop TimerCmd+Alt+SCtrl+Alt+S
Skip SessionCmd+Alt+NCtrl+Alt+N

Privacy First


Languages

Harmonia Zen supports:

The language is automatically detected from your VS Code settings.


Installation

  1. Open Extensions in VS Code (Cmd+Shift+X / Ctrl+Shift+X)
  2. Search for “Harmonia Zen”
  3. Click Install
  4. Open the Zen Mode Panel: Cmd+Alt+Shift+Z (Mac) or Ctrl+Alt+Shift+Z (Windows/Linux)

Get Harmonia Zen


Demo

Harmonia Zen Demo


The Story Behind It

Curious about why I built this? Read the full story: Coding in Peace - The Story Behind Harmonia Zen