FR: Add color preview in css

[icearch]

The new feature post has closed, so I post a new thread.

This is not a immediate request, just a reminder for me.

Could devs add color preview in css? It's pretty annoying to switch back and forth between css and html.

Like a little square or background color right at the color code.

If this falls into "use external editor", then never mind.

[KevinH]

I closed the thread so that people would understand we are nearing a new release and that the tree was closed to all new feature requests.

After the next release, I will open a new thread. That way everyone can see and comment and nothing is scattered about or gets lost.

And fwiw, you never need to switch back and forth to see the impact of css changes in Preview. Simply open CodeView on a xhtml tab that is linked to your css, then next open the CSS tab. Preview keeps showing the last xhtml page shown. You can then edit the CSS tab in CodeView and see its impact in Preview.

And finally adding a css colour picker inside CodeView for css is just not something we will be likely adding to Sigil, as there are a million OS utility tools that allow anyone to generate colour values. Use one if picking css colours is important.

[Turtle91]

Do you mean having a color wheel/picker that tells you what the correct color code would be?

eg.
{background-color: #ff0000;}
{background-color: rgb(255, 0, 0);}
{background-color: rgba(255, 0, 0, 0.3);}
{background-color: hsl(120, 60%, 70%);}
{background-color: hsla(120, 100%, 50%, 0.3);}
{background-color: red;}


Here is a free website tool that allows for all the codes. I don't know the feasibility of adding a color wheel with a popup - Or even a button to open your favorite website??


Oooops - Ninja'd again! So much for trying to answer while at work!!

[KevinH]

Or an OS system utility app, that can be colour corrected for display types, some even have droppers to sample colours.

[icearch]

sure, VScode then.

[DiapDealer]

A plugin might be able to be worked up that has a color picker that puts that color's code on the clipboard upon closing/returning.

PySide6.QtWidgets.QColorDialog

[icearch]

Originally Posted by DiapDealer

A plugin might be able to be worked up that has a color picker that puts that color's code on the clipboard upon closing/returning.

PySide6.QtWidgets.QColorDialog

Great, where can I get it?

[DiapDealer]

It doesn't yet exist. Hence my comment that one "might be able to be worked up."

[KevinH]

Sigil already has colour wheel widget used for picking colours for CodeView in Sigil Preferences. So using it with PyQt6 in a plugin should be straightforward if that helps anyone create a plugin.

[DiapDealer]

Here's a quick mock-up that comes back with the hex value on the clipboard whenever the OK button is clicked in the ColorDialog. Nothing is put on the clipboard when Cancel is clicked.

No whistles or bells (and its only been tested on Windows on my lunch break). Someone else would have to figure out how to preserve custom colors for future use. Hopefully it can get someone going, though.