[Feature Request] Selectable swatch shape, size, and style

[proimage]

First off: This plugin is invaluable; thank you so much!

I'm working on a site where I'm needing two colors per swatch, a foreground/text color, and the background color. The current way of displaying multiple colors as a diagonal linear-gradient is great for general use, but it falls a bit short at conveying which color is FG and which is the BG:

This can be solved by adding a few simple per-field settings to control the appearance of the swatches in the backend:

• Swatch Shape: circular / square / wide / tall (wide and tall could be something like 2:1 ratio rectangles)
• Swatch Size: small / medium / large

And for multi-color swatches only, you could add:

• Swatch Type: linear / radial / conic (equal to the CSS gradient types; with a disclaimer about the conic mode only working in Webkit browsers)
• Swatch Direction (linear-only): Horizontal / Vertical / Angled forwards (like this: /) / Angled backwards (like this: \)

Ok, so not all of those are necessary to solve the issue I'm specifically dealing with, but they're all pretty closely related as they simply change the CSS styles being applied to the swatches. ;)

In my use case, and given the options above, I'd probably choose Wide, Medium, & Radial, to convey FG color as a smallish circle inside a colored rectangle:

Thanks for your time!

[riasvdv]

I'll gladly accept a PR that implements this! Currently a bit busy to implement myself

[proimage]

I wish I had the slightest idea how to develop Craft plugins, but I don't. I'm a frontend, HTML/CSS/JS guy. Yii scares the living daylights outta me... O.O

[riasvdv]

No worries, Yii scares me too 😄 I'll see if I find the time soon