Hyper Focus

Improve your code reading by dimming unrelated lines.

How to Use

1. Activate extension:

   • Alt + h (shortcut)
   • Or Ctrl+Shift+P → "Toggle Hyper Focus"

2. Navigate through code:

   • Click on any variable, function, or symbol
   • The rest of the code will be dimmed
   • Lines with the same symbol remain highlighted
   • Pressing Esc or clicking a non symbol resets highlights

3. Deactivate extension:

   • Alt + h again
   • Or run the "Toggle Hyper Focus" command

Demo

Settings

Features

• Focus Mode: Dim code unrelated to the symbol under the cursor
• Quick toggle: Activate/deactivate with keyboard shortcut
• Smart highlighting: Highlights all occurrences of the selected word
• Customizable: Fine tune dimming and highlight levels
• Full support: JavaScript, TypeScript, React (JSX/TSX)

License

MIT