Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fferegrino/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.
https://github.com/fferegrino/hyperhighlight
syntax-highlighting vscode-extension
Last synced: 12 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/fferegrino/hyperhighlight
- Owner: fferegrino
- License: mit
- Created: 2024-06-27T20:59:18.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-01T20:00:13.000Z (6 months ago)
- Last Synced: 2024-10-28T03:43:30.638Z (2 months ago)
- Topics: syntax-highlighting, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=AntonioFeregrino.hyperhiglight
- Size: 114 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- Changelog: changelog.md
- License: license
Awesome Lists containing this project
README
# 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](https://github.com/fferegrino/HyperHighlight).
## License
This extension is released under the [MIT License](./license).
---
Happy highlighting!