VS Code extension that adjusts the visual appearance of log statements in your code by controlling their opacity and color, making them less obtrusive while coding.
Example:
Before: Standard log appearance
After: Unobtrusive logs enabled
Features
Customizable opacity for log statements (0-100%)
Configurable color for log statements
Creation of custom patterns for log statements
Support generic logs and languages specifics logs (more languages coming soon)
Simple commands for quick adjustments
Usage
The extension is enabled by default when you open VS Code. It will apply the configured opacity and color settings to log statements in your code.
Commands
unobtrusive-logs.toggle: Toggle On/Off the extension
unobtrusive-logs.changeOpacity: Change the opacity level of log statements
unobtrusive-logs.changeColor: Change the color of log statements
unobtrusive-logs.addCustomPattern: Add a custom pattern
unobtrusive-logs.deleteCustomPattern: Delete a custom pattern
Configuration
You can configure the extension in VS Code settings:
unobtrusive-logs.toggle: Activate or no the extension
unobtrusive-logs.opacity: Opacity level for logs (0 to 100, default: 50)
unobtrusive-logs.color: Color used for logs (default: #808080)
If you want to implement your custom pattern for specific statements, you need to use the command unobtrusive-logs.addCustomPattern.
Then they will ask to select a language, to name the pattern and to write the pattern formula.
Example:
// Write <console.help> in the input of the addCustomPattern command
console.help('I need help for this pattern !'); // This sentence should be find
