Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>HyperHighlightNew to Visual Studio Code? Get it now.
HyperHighlight

HyperHighlight

Antonio Feregrino

|
79 installs
| (0) | Free
Designed to enhance your live code demonstrations. It allows you to easily highlight specific parts of your code while dimming the rest, making it perfect for presentations, tutorials, and live coding sessions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

HyperHighlight

HyperHighlight is a Visual Studio Code extension designed to enhance your live code demonstrations. It allows you to easily highlight specific parts of your code while dimming the rest, making it perfect for presentations, tutorials, and live coding sessions.

Features

  • Easily highlight selected code snippets
  • Automatically dim non-highlighted code
  • Customizable highlight and dim colours
  • Quick toggle for enabling/disabling the highlight effect

Installation

  1. Open Visual Studio Code
  2. Go to the Extensions view (Ctrl+Shift+X)
  3. Search for "HyperHighlight"
  4. Click Install

Usage

  1. Select the code you want to highlight
  2. Use the command palette (Ctrl+Shift+P) and search for "HyperHighlight: Highlight Selection"
  3. The selected code will be highlighted, and the rest will be dimmed

To remove the highlight effect, use the command "HyperHighlight: Clear Highlights"

Configuration

You can customize HyperHighlight in your VS Code settings:

  • hyperHighlight.fontSize: Set the font size relative to the current font size (default: 1)
  • hyperhighlight.dimOpacity: Set the opacity level for dimmed code (default: 0.4)

Feedback and Contributions

Your feedback and contributions are welcome! Please feel free to submit issues or pull requests on our GitHub repository.

License

This extension is released under the MIT License.


Happy highlighting!

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