Color IntelliSense Preview

A vscode extension preview color

Preview

Features

• Inline display corresponding color
• Hover

Config .vscode/settings.json

// reload
  "color-preview.annotations": true,
 "color-preview.colorDirectoryPath": "./public/styles/color.json"

// color.json
{
  "light: {
    "primary": "#000",
    "secondary": "#fff"
  },
  "dark": {
    "primary": "#fff",
    "secondary": "#000"
  }
}