Margin Colours

Display colour badge next to line numbers when any hex, rgb(a) or hsl(a) colours are written in a file.

This is useful when working with a CSS-in-JS library or with config files that use colour strings.

Supported File Types:

• JavaScript
• TypeScript
• CoffeeScript
• JSON
• HTML
• Jade
• PHP
• LESS
• Sass (SCSS)
• CSS

Install

From within Visual Studio Code:

• Open command palette with Ctrl+Shift+P/Cmd+Shift+P
• Select 'Extensions: Install Extensions'
• Search for 'margin colours' and install

Sourcecode

Github