Permalink
Fetching contributors…
Cannot retrieve contributors at this time
63 lines (37 sloc) 2.13 KB

NetBeans Color Codes Preview Plugin Build Status

This plugin shows a color codes preview in an editor's sidebar.

screenshot

Disable/Enable

Check/Uncheck View > Show Colors

Downloads

Supported color patterns

  • Hex color code (e.g. #fff #000000)
  • Css rgb/rgba values (e.g. rgb(0, 0, 0), rgb(50%, 0%, 100%), rgba(255,255,255, 0.8))
  • Css hsl/hsla values (e.g. hsl(0, 100%, 50%), hsla(120, 100%, 50%, 0.5))
  • Named colors (e.g. red, blue)

Multiple colors

  • Show top two colors in a sidebar if there are multiple colors in a line.
  • If you want to check all colors, please click a specific rectangle. They will be shown as a list.

Change a color using the color chooser

  • Click a colored rectangle
  • Click a color value of a list
  • Select a new color in the color chooser
  • An old color value will be changed to new one with the same format

Options

Tools > Options > Miscellaneous > Color Codes Preview

Regex for enabled mime-types

Default value is ^text/(x-)?(css|less|sass|scss)$. If you would like to disable/enable some mime-types, please change the default regex. This pattern is used when the plugin checks a mime-type.

Resolve Sass and Less Variables

This option is false by default. If you would like to resolve Sass and Less variables, please check it.

NOTE: The simplest cases only e.g. $green: #0f0;

Named Colors

This option is false by default. If you would like to show named colors, please check it.

NOTE

  • Colors may be shown if they are not color codes. e.g. "#feature" contains #fea. This plugin recognizes it as a hex color code.
  • If you use the GTK Look and Feel, you cannot change an alpha value in the color chooser.
  • Hsl or hsla color values may not be changed correctly when you use the color chooser. (There may be 1% errors.)

License

Apache License, Version 2.0