✨ RegionMarker - Description
RegionMarker provides the definitive solution for visually structuring and organizing your code blocks within Visual Studio Code. Designed specifically for software engineers and game developers working with extensive architectures—whether you are writing massive C# gameplay scripts, structuring complex C++ engine subsystems, or keeping JS/TS files impeccably tidy—this extension ensures your #region and #endregion directives are beautifully formatted and instantly recognizable.
The plugin enhances your workflow by allowing you to completely customize the aesthetic of your collapsible code sections, bringing clarity and a clean hierarchy directly into your favorite VSC-based code editor.
🌟 Features
🔍 Enhanced Visual Hierarchy:
Robust highlighting for your #region directives, making it substantially easier to read and navigate massive codebases. It visually separates your logic blocks so you can find what you need at a glance.
🎨 Advanced Customization:
Intelligent aesthetic control built right into VSCode. Tailor the background and foreground colors to perfectly match your workspace, whether you prefer a minimalist "Japandi" style, a high-contrast dark theme, or subtle glassmorphism hues.
🌍 Universal Language Support:
Fully compatible with any language that utilizes standard region folding conventions (including C#, C++, C, JS/TS, and more). Whether you are developing for Unity, Unreal Engine, or custom IoT microcontrollers, your regions will remain beautifully formatted.
⚡ Zero Performance Overhead:
Lightweight and optimized for speed, ensuring your editor remains perfectly responsive even when handling files with tens of thousands of lines of code.
🛠️ Work In Progress (WIP)
🔮 Dynamic Region Folding:
Integration of custom shortcut commands to collapse or expand specific color-coded regions simultaneously, keeping your workspace as clean as possible!
🚀 Installation
- Launch VSCode.
- Go to the Extensions view (
View > Extensions).
- Search for "Region Marker" or RegionMarker.
- Install the plugin.
- Reload VSCode.
🎉 Enjoy! :)
⚙️ Instructions
🌈 Adjust Workspace Settings
⚡ The Fast Way (Visual):
- Go to your VSCode settings (UI).
- Search for RegionMarker.
- Freely adjust the
regionmarker.background color to your preference.
- Freely adjust the
regionmarker.foreground color to your preference.
🛠️ The Perfect Way (JSON):
- Open your
settings.json (Workspace or Global settings).
- Apply your custom hex colors within the
workbench.colorCustomizations block.
"workbench.colorCustomizations": {
"regionmarker.background": "#ff3b9833",
"regionmarker.foreground": "#ff3b98ff"
}
💜😀🩷🫥❤️😈🧡🥶💛
I would be extremely grateful and any help would be rewarded - maybe not financially, due to the non-profit nature of the project, but by being recognized as one of the co-authors of the RegionMarker!
You can reach me by my email:
przemek.orlowski@outlook.com
And since you're here, you can, take a look on my portfolio:
https://orlowski.works/
Marketplace Plugin Link: https://marketplace.visualstudio.com/items?itemName=awwsky.regionmarker
