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.
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
Open Visual Studio Code
Go to the Extensions view (Ctrl+Shift+X)
Search for "HyperHighlight"
Click Install
Usage
Select the code you want to highlight
Use the command palette (Ctrl+Shift+P) and search for "HyperHighlight: Highlight Selection"
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.