Would be awesome if there was a way for it display the color of SCSS variables. Thanks for the extension!

Is this possible?

When this plugin is active, it highlights folders too aggressively. For instance, it highlights element ID names. As an example, if I have this rule:

#featured-media button:hover {
  background: #00a6e4;
}

pigments decides to highlight #fea

This also occurs in Javascript files as well:

$('#caret').addClass('fa-angle-down')

Where #ca is highlighted.
Pigments should consider word boundaries to avoid these issues.

Simliar to #4 but would very much like to please have support for the format 0xAARRGGBB which is typically used in Flutter (Dart) source code, eg.
static const divider = Color(0xFFF1F1F1);

HSL and HSLA support is missing :-(

想问一下作者还打算更新吗~

I'm a VS Codium user, a FLOSS version of VS Code. It's the same code but without Microsoft's telemetry, branding and licensing.

I would like to request, if possible, to add the vscode-pigments extension to the open-vsx.org market as it is unclear if it's legal to use the official Microsoft extension marketplace on VS Code forks, see here.

Additional information on how to publish an extension to Open VSX can be obtained here.

I use the i3-gaps tiling window manager and for the most part it uses a config file named config. No extensions. How do I get vscode-pigments to work in this situation?

I noticed that rgba is rendering correctly:

But when I convert this to RRGGBBAA it doesn't recognise the alpha portion of the color:

https://hashnode.com/post/understanding-rrggbbaa-color-notation-cisvdr52x088fwt53h1drf6m2

@entepe85 has published this extension in the Open VSX Registry.

The service was recently transferred to the Eclipse Foundation and we want to ensure a seamless transition for our users. To ensure uninterrupted service and more exposure for your extension, I recommend the following.

To the maintainers: If you would like to take over publishing to open-vsx.org, here’s how: https://github.com/eclipse/openvsx/wiki/Publishing-Extensions

To the current publisher: Please sign the Eclipse Publisher Agreement. The signing process is explained in the Wiki (steps 1 and 2).

Claiming ownership of the namespace for your extension(s). To find out how to do this, see:
https://github.com/eclipse/openvsx/wiki/Namespace-Access
As owner you can add more namespace members (including service accounts) yourself in https://open-vsx.org/user-settings/namespaces. Note that publishing can be done by any contributor to the extension, namely those you add as namespace members once they have signed the Publisher Agreement as well.

Please also note that a license is now mandatory for publishing your extension to Open VSX. If your project doesn't have any license, please add one, preferably an open source license such as MIT. The publishing tool ovsx offers to automatically add the MIT license when you try to publish without a license.

Useful links:
Eclipse Publisher Agreement
Eclipse Foundation Open VSX Registry Frequently Asked Questions (FAQ)

More details are in these recent blog posts:
https://blogs.eclipse.org/post/brian-king/open-vsx-registry-under-new-management
https://blogs.eclipse.org/post/brian-king/new-era-open-vsx-registry

Today, there’s growing momentum around open source tools and technologies that support Visual Studio (VS) Code extensions. Leading global organizations are adopting these tools and technologies. This momentum has spurred demand for a marketplace without restrictions and limitations. We hope you join us on this journey as we continue to build the Open VSX community.
We look forward to continued innovation from you in 2021!

In the original pigments, there's a markerType setting that lets you choose different styles for rendering the color. The main one I'm interested in is gutter, but I'd also be fine with dot or square-dot

To repro create a file called build.cake and add the folowing text to it:

#addin nuget:?package=Cake.Bower&version=0.5.0
#addin nuget:?package=Cake.FileHelpers&version=2.0.0
#addin nuget:?package=Cake.Gulp&version=0.8.0
#addin nuget:?package=Cake.Incubator&version=1.7.2
#addin nuget:?package=Cake.Npm&version=0.12.1
#addin nuget:?package=Cake.XdtTransform&version=0.12.1
#addin nuget:?package=Diff4Net&version=1.2.0

A full example file can be found at https://github.com/cake-build/cake/blob/develop/build.cake

and in stylus so!!
like:

$turquoise = hsl(168, 76%, 42%)
$greenSea = hsl(168, 76%, 36%)
$nephritis = hsl(145, 63%, 42%)
$emerald = hsl(145, 63%, 49%)
$sunFlower = hsl(48, 89%, 50%)
$orange = hsl(37, 90%, 51%)
$carrot = hsl(28, 80%, 52%)
$pumpkin = hsl(24, 100%, 41%)
$alizarin = hsl(6, 78%, 57%)
$pomegranate = hsl(6, 63%, 46%)
$amethyst = hsl(283, 39%, 53%)
$wisteria = hsl(282, 44%, 47%)
$belizeHole = hsl(204, 64%, 44%)
$peterRiver = hsl(204, 70%, 53%)
$white = hsl(0, 0%, 100%)
$clouds = hsl(192, 15%, 94%)
$silver = hsl(204, 8%, 76%)
$concrete = hsl(184, 9%, 62%)
$asbestos = hsl(184, 6%, 53%)
$wetAsphalt = hsl(210, 29%, 29%)
$midnightBlue = hsl(210, 29%, 24%)
$black = hsl(0, 0%, 0%)