prefers-color-scheme media query

tozz · 02-05-2023, 02:13 PM

I'm trying to add individualized refinement of book presentation when a user selects one of Calibre's built-in themes. As far as I can determine, Calibre always registers the color scheme as "light" regardless of the system's selection or viewer/editor/manager selection or if it's calibre style or System default (Win10).
"prefers-color-scheme: dark" can be forced in "Inspector>More Tools>Rendering>Emulate CSS media feature prefers-color-scheme" and renders properly, but I'm hoping for a CSS solution and, ideally, color-scheme names for the Sepia selections.

kovidgoyal · 02-06-2023, 07:26 AM

If you go to the viewer preferences->Styles it will tell you the class names you can use to target various viewer modes.

tozz · 02-07-2023, 04:47 PM

Ah, thank you! It seems I was quite sloppy when i first tried this, but it works completely properly as described.

02-05-2023, 02:13 PM	#1
tozz Junior Member Posts: 2 Karma: 10 Join Date: Feb 2023 Device: Google Play Books	prefers-color-scheme media query I'm trying to add individualized refinement of book presentation when a user selects one of Calibre's built-in themes. As far as I can determine, Calibre always registers the color scheme as "light" regardless of the system's selection or viewer/editor/manager selection or if it's calibre style or System default (Win10). "prefers-color-scheme: dark" can be forced in "Inspector>More Tools>Rendering>Emulate CSS media feature prefers-color-scheme" and renders properly, but I'm hoping for a CSS solution and, ideally, color-scheme names for the Sepia selections.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
What if they had a scheme to put a copy on to physical media and post that	nguyenthanhtam	General Discussions	7	03-28-2021 06:26 AM
Why No Color Scheme?	d351r3d	Sigil	5	01-17-2020 10:07 AM
Kindle Media Query	Macsurfcat	Kindle Formats	32	02-06-2015 10:14 AM
Editor Settings > Color Scheme	Agama	Editor	2	12-23-2013 09:43 AM
Color Nook color - media query for Orientation lock	aslam44	Nook Developer's Corner	0	03-14-2013 03:57 AM

02-06-2023, 07:26 AM	#2
kovidgoyal creator of calibre Posts: 43,843 Karma: 22666666 Join Date: Oct 2006 Location: Mumbai, India Device: Various	If you go to the viewer preferences->Styles it will tell you the class names you can use to target various viewer modes.

02-07-2023, 04:47 PM	#3
tozz Junior Member Posts: 2 Karma: 10 Join Date: Feb 2023 Device: Google Play Books	Ah, thank you! It seems I was quite sloppy when i first tried this, but it works completely properly as described.

Advert