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