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:
Features
Customizable opacity for log statements (0-100%)
Configurable color for log statements
Creation of custom regexes 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.addCustomRegex: Add a custom regex
unobtrusive-logs.deleteCustomRegex: Delete a custom regex
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 regex for specific statements, you need to use the command unobtrusive-logs.addCustomRegex.
Then they will ask to select a language, to name the regex and to write the regex formula.
Example:
console\.help\(([\s\S]*?)\);? // Regex for the following log statement
console.help("I need help for this regex !")
