/vscode-margin-colours

Visual Studio Code extension to display colour badge next to line numbers when any hex, rgb(a) or hsl(a) colours are written in a file

Primary LanguageJavaScript

Margin Colours

CircleCI

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.

demo

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