FR: Add color preview in css - Page 2

BeckyEbook · 10-29-2026, 10:23 AM

As for the clipboard itself, adding a Pyperclip would probably solve the problem.

DiapDealer · 10-29-2026, 10:23 AM

I should be able to fix it for all platforms. I'll probably need to subclass QColorDialog so I can override the accept/reject routines (as well as force Qt's cross-platform color chooser rather than Linux and macOS built-in ones). Stay tuned.

DNSB · 10-29-2026, 02:53 PM

If only there was a box where a colour name i.e. rebeccapurple could be typed...

For a different program, that was a request for it's colour picker which the creator responded to by suggesting just typing the name in the CSS if you wanted a named colour.

DiapDealer · 10-30-2026, 10:03 AM

I think I'm close to having something that will work for both Linux and Windows (and hopefully macOS). Writing stuff to the system clipboard on Linux with Qt is a huge pain in the butt. It's mostly intended to work from within a gui MainWindow where buttons will be used to copy/paste the clipboard content while the gui continues to run. Linux requires a running QApplication event loop to manipulate the system clipboard, while Windows does not.

DiapDealer · 10-30-2026, 02:53 PM

I think I have it working on Windows and Linux. New icon, custom colors are preserved to and from preferences.

BeckyEbook · 10-30-2026, 03:46 PM

New: It now works with color names as well – you can have "red" or "rebeccapurple" in your clipboard, and the palette will display the correct color. The idea was adapted from a C# macro for ClipboardFusion: https://www.clipboardfusion.com/Macr...6-739ff1fab8ba

icearch · 10-30-2026, 11:31 PM

A small improvement idea: Make the window resizeable, so one can select color more precisely.

philja · Yesterday, 04:55 AM

Both v0.1.2 and v0.1.3 seem to work as advertised on my MacBook. I'll check linux and windows later when I'm back home.

The 'pick screen color' tool works nicely.

If the color code or name is already on the system clipboard, using the QtColorPicker plugin would seem to be redundant.

But all things considered, it's nice to have this facility 'in house' even if it's only needed occasionally.

DiapDealer · Yesterday, 08:04 AM

Quote:

Originally Posted by icearch

A small improvement idea: Make the window resizeable, so one can select color more precisely.

If it's not already resizeable, I'm not sure I can do anything about it. The cross-platform dialog is what it is. I see no options to turn sizeability on/off.

DiapDealer · Yesterday, 08:16 AM

Quote:

Originally Posted by philja

Both v0.1.2 and v0.1.3 seem to work as advertised on my MacBook.

Thanks. I'll try to get this moved to an official plugin thread, then.

Quote:

Originally Posted by philja

If the color code or name is already on the system clipboard, using the QtColorPicker plugin would seem to be redundant.

With the ability to see the results of color changes/edits/pastes in Preview when editing css, I find the whole thing a bit redundant myself. But if it satisfies a niche need, I'm happy to help provide a plugin that meets that need.

PeterT · Yesterday, 08:49 AM

Tested 0.1.3 on my AppImage installed Sigil on a ChromeBook; worked perfectly

DiapDealer · Yesterday, 09:00 AM

Quote:

Originally Posted by icearch

A small improvement idea: Make the window resizeable, so one can select color more precisely.

Quote:

Originally Posted by DiapDealer

If it's not already resizeable, I'm not sure I can do anything about it. The cross-platform dialog is what it is. I see no options to turn sizeability on/off.

Turns out making the widget resizable is fairly simple. However... none of the widgets on the dialog will grow with the dialog, so it's fairly pointless.

icearch · Yesterday, 10:19 AM

Quote:

Originally Posted by DiapDealer

Turns out making the widget resizable is fairly simple. However... none of the widgets on the dialog will grow with the dialog, so it's fairly pointless.

How sad, most other software with this kind of color picking window can resize though.

DiapDealer · Yesterday, 11:01 AM

Most other software is OS specific and not using a cross-platform convenience utility.

philja · Yesterday, 11:28 AM

Back home and I tried the QtColorPicker 0.1.3 on my linux and W11 boxes.

On Linux (using Sigil-2.8.1-x86_64.AppImage) there is no automatic communication between the system clipboard andd the plugin (in either direction). But of course defining the color in the plugin and copy/paste from the plugin to the CSS works just fine and is completely adequate.

In W11, using one of the latest test builds from DNSB for Sigil 2.8.5, the plugin communicates well with the system clipboard in both directions. But in reality, it's just as quick to copy/paste from the plugin's html color description as it is to hit the 'ok' button.

Still, it's nice to have this little utility in house.

Yesterday, 04:55 AM	#23
philja Evangelist Posts: 443 Karma: 100100 Join Date: Nov 2015 Location: Europe EEC Device: Kindle Fire HD6 & HD8	Both v0.1.2 and v0.1.3 seem to work as advertised on my MacBook. I'll check linux and windows later when I'm back home. The 'pick screen color' tool works nicely. If the color code or name is already on the system clipboard, using the QtColorPicker plugin would seem to be redundant. But all things considered, it's nice to have this facility 'in house' even if it's only needed occasionally. Last edited by philja; Yesterday at 04:58 AM.

Yesterday, 11:01 AM	#29
DiapDealer Grand Sorcerer Posts: 29,887 Karma: 212736631 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	Most other software is OS specific and not using a cross-platform convenience utility. Last edited by DiapDealer; Yesterday at 11:04 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
header color cannot be change with CSS	issam.seghir99	Viewer	0	11-24-2022 04:38 AM
css background-color:	jwilson5153	Conversion	1	07-19-2019 12:16 AM
Button to add CSS class	maicol07	Sigil	3	03-15-2019 03:25 PM
add css to specific page	Etshy	Calibre	1	08-09-2017 09:33 AM
when does calibre add/not add page_styles css	cybmole	Calibre	5	07-14-2014 04:58 AM

10-29-2026, 10:23 AM	#16
BeckyEbook Wizard Posts: 1,085 Karma: 4000129 Join Date: Jan 2017 Location: Poland Device: Various	As for the clipboard itself, adding a Pyperclip would probably solve the problem.

10-29-2026, 02:53 PM	#18
DNSB Bibliophagist Posts: 55,496 Karma: 182544230 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	If only there was a box where a colour name i.e. rebeccapurple could be typed... For a different program, that was a request for it's colour picker which the creator responded to by suggesting just typing the name in the CSS if you wanted a named colour.

10-30-2026, 10:03 AM	#19
DiapDealer Grand Sorcerer Posts: 29,887 Karma: 212736631 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	I think I'm close to having something that will work for both Linux and Windows (and hopefully macOS). Writing stuff to the system clipboard on Linux with Qt is a huge pain in the butt. It's mostly intended to work from within a gui MainWindow where buttons will be used to copy/paste the clipboard content while the gui continues to run. Linux requires a running QApplication event loop to manipulate the system clipboard, while Windows does not.

10-30-2026, 11:31 PM	#22
icearch Addict Posts: 232 Karma: 2000 Join Date: Nov 2025 Device: none	A small improvement idea: Make the window resizeable, so one can select color more precisely.

Yesterday, 08:49 AM	#26
PeterT Grand Sorcerer Posts: 14,188 Karma: 84699244 Join Date: Nov 2007 Location: Toronto Device: Libra H2O, Libra Colour	Tested 0.1.3 on my AppImage installed Sigil on a ChromeBook; worked perfectly

Yesterday, 11:28 AM	#30
philja Evangelist Posts: 443 Karma: 100100 Join Date: Nov 2015 Location: Europe EEC Device: Kindle Fire HD6 & HD8	Back home and I tried the QtColorPicker 0.1.3 on my linux and W11 boxes. On Linux (using Sigil-2.8.1-x86_64.AppImage) there is no automatic communication between the system clipboard andd the plugin (in either direction). But of course defining the color in the plugin and copy/paste from the plugin to the CSS works just fine and is completely adequate. In W11, using one of the latest test builds from DNSB for Sigil 2.8.5, the plugin communicates well with the system clipboard in both directions. But in reality, it's just as quick to copy/paste from the plugin's html color description as it is to hit the 'ok' button. Still, it's nice to have this little utility in house.