Possible to invert image color in dark mode?

davidhcje · 05-11-2021, 01:39 AM

When using the dark color mode, is it possible to invert the color of images in the viewer?

Since the white background of images in the dark mode look bright and standing out, as shown in the first attachment, reverting the color of all images seems better, as shown in the second attachment, which was made using photoshop.

kovidgoyal · 05-11-2021, 03:16 AM

no, it isn't.

JSWolf · 05-11-2021, 05:15 AM

You can fix the section break line by using a styled <hr/>.

This is the CSS style I use.

Code:

hr {
  margin-top: 1em;
  margin-right: 40%;
  margin-bottom: 0.9em;
  margin-left: 40%;
  border-top: 2px solid;
}

davidhcje · 05-18-2021, 11:04 AM

Thanks! I'll try it.

nqk · 05-18-2021, 08:25 PM

body.calibre-viewer-dark-colors img {
filter: invert(100%) !important;
}

It might work.

05-11-2021, 01:39 AM	#1
davidhcje Connoisseur Posts: 79 Karma: 10 Join Date: Mar 2021 Device: android phone	Possible to invert image color in dark mode? When using the dark color mode, is it possible to invert the color of images in the viewer? Since the white background of images in the dark mode look bright and standing out, as shown in the first attachment, reverting the color of all images seems better, as shown in the second attachment, which was made using photoshop. Attached Thumbnails

05-11-2021, 05:15 AM	#3
JSWolf Resident Curmudgeon Posts: 78,817 Karma: 143095220 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	You can fix the section break line by using a styled <hr/>. This is the CSS style I use. Code: hr { margin-top: 1em; margin-right: 40%; margin-bottom: 0.9em; margin-left: 40%; border-top: 2px solid; }

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How do I change the text color to accomodate dark mode?	bookgobrrr	Editor	8	09-26-2020 01:21 PM
Feature Request: Dark Mode menu color/border	Katsunami	Calibre	3	09-01-2020 05:18 PM
Scroll bar color is dark mode	JSWolf	Calibre	1	08-03-2020 06:01 AM
Which e-reader best for invert/night mode?	melmurray	Which one should I buy?	3	07-04-2019 08:36 AM
Aura Invert color black background white fonts	Nielsd	Kobo Reader	2	01-16-2017 03:36 PM

05-11-2021, 03:16 AM	#2
kovidgoyal creator of calibre Posts: 45,117 Karma: 27110892 Join Date: Oct 2006 Location: Mumbai, India Device: Various	no, it isn't.

05-18-2021, 11:04 AM	#4
davidhcje Connoisseur Posts: 79 Karma: 10 Join Date: Mar 2021 Device: android phone	Thanks! I'll try it.

05-18-2021, 08:25 PM	#5
nqk Fanatic Posts: 558 Karma: 32158 Join Date: Feb 2012 Device: Onyx Boox Leaf	body.calibre-viewer-dark-colors img { filter: invert(100%) !important; } It might work.