CSS text color should be dark blue. Everywhere.

nkormanik · 05-03-2019, 03:49 AM

I'm trying to get dark blue text throughout an ebook I'm reading, using Calibre Reader. Using a CSS stylesheet, via settings.

Unfortunately, some text is black, while other text is the wanted dark blue.

How do I get ALL text to show as dark blue??

Here is the css code presently used:

body, h, p
{
color: rgb(0,2,41) !important;
background-color: rgb(247,247,255) !important;
}

Thanks!

Nicholas Kormanik

JSWolf · 05-03-2019, 05:39 AM

Why do you want dark blue? That's not all that readable.

nkormanik · 05-03-2019, 06:48 AM

Anyone with an answer??

stumped · 05-03-2019, 08:09 AM

you have to check all the css because other (lower level) parts of it must be overriding that top level declaration.
strip out ALL other colour references and it should work. post the full css if you cant solve it.
NB on an actual e-ink reader it will still look black - those cant do dark blue !

kovidgoyal · 05-03-2019, 10:09 AM

Code:

* { color: blue !important }

dwig · 05-03-2019, 11:44 AM

Quote:

Originally Posted by stumped

you have to check all the css ...

...and ALL of the styling that is inline in the xHTML files. These are the "last" stylings and can override anything in the separate CSS stylesheets.

nkormanik · 05-06-2019, 01:29 AM

Okay, well, some text is still black.

So, what's the best way to strip out whatever needs to be stripped out?

Bear in mind, talking about a plain small epub.

davidfor · 05-06-2019, 02:56 AM

Quote:

Originally Posted by nkormanik

Okay, well, some text is still black.

So, what's the best way to strip out whatever needs to be stripped out?

Bear in mind, talking about a plain small epub.

I just tried the file in the calibre viewer with both the styles mentioned above. I didn't see any black text. Can you take a screenshot to show where the problem is? And maybe a screenshot of the view preferences to show what you have done.

nkormanik · 05-06-2019, 03:44 AM

Not sure what you mean by view preferences.

Here's a screen shot of the third page down in the epub, showing some text navy and some text black

.

If you're not showing ANY black text on your system, must be some reason for that.

In other epub readers (FBReader) all text is navy.

davidfor · 05-06-2019, 04:20 AM

It works for me. I just pasted the CSS from the first post into "User stylesheet" of the viewer and it worked. But, the contrast wasn't very high, so I changed the CSS to the following:

Code:

body, h, p
{
color: rgb(0,2,241) !important;
background-color: rgb(247,247,255) !important;
}

The attached images show the page you showed plus the viewer config.

nkormanik · 05-06-2019, 05:29 AM

Not sure why, but that works. All blue.

Go figure.

Thanks for your help!

05-03-2019, 03:49 AM	#1
nkormanik Connoisseur Posts: 86 Karma: 10 Join Date: Oct 2010 Location: Philippines Device: DavidAcisAAJ	CSS text color should be dark blue. Everywhere. I'm trying to get dark blue text throughout an ebook I'm reading, using Calibre Reader. Using a CSS stylesheet, via settings. Unfortunately, some text is black, while other text is the wanted dark blue. How do I get ALL text to show as dark blue?? Here is the css code presently used: body, h, p { color: rgb(0,2,41) !important; background-color: rgb(247,247,255) !important; } Thanks! Nicholas Kormanik

05-03-2019, 10:09 AM	#5
kovidgoyal creator of calibre Posts: 45,260 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Code: * { color: blue !important }

05-06-2019, 03:44 AM	#9
nkormanik Connoisseur Posts: 86 Karma: 10 Join Date: Oct 2010 Location: Philippines Device: DavidAcisAAJ	Not sure what you mean by view preferences. Here's a screen shot of the third page down in the epub, showing some text navy and some text black . If you're not showing ANY black text on your system, must be some reason for that. In other epub readers (FBReader) all text is navy. Attached Thumbnails Last edited by nkormanik; 05-06-2019 at 03:48 AM.

05-06-2019, 04:20 AM	#10
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	It works for me. I just pasted the CSS from the first post into "User stylesheet" of the viewer and it worked. But, the contrast wasn't very high, so I changed the CSS to the following: Code: body, h, p { color: rgb(0,2,241) !important; background-color: rgb(247,247,255) !important; } The attached images show the page you showed plus the viewer config. Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Icon pack Dark Blue	poher	Development	9	09-11-2015 11:25 AM
Ended Pocketbook 360+, dark blue	banjobama	Flea Market	1	01-05-2012 06:04 PM
Free on Kindle - Dark Blue: Color Me Lonely	koland	Deals and Resources (No Self-Promotion or Affiliate Links)	1	08-20-2009 09:26 PM
Buy Looking for Sony PRS-505 blue cover (comes with the Dark Blue 505)	seajewel	Flea Market	0	07-17-2008 03:53 PM
Color: Silver or Dark Blue	yagiz	Sony Reader	35	06-24-2008 12:24 PM

05-03-2019, 05:39 AM	#2
JSWolf Resident Curmudgeon Posts: 79,472 Karma: 145863170 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Why do you want dark blue? That's not all that readable.

05-03-2019, 06:48 AM	#3
nkormanik Connoisseur Posts: 86 Karma: 10 Join Date: Oct 2010 Location: Philippines Device: DavidAcisAAJ	Anyone with an answer??

05-03-2019, 08:09 AM	#4
stumped Wizard Posts: 3,305 Karma: 10259306 Join Date: May 2016 Device: kobo forma, Kobo Libra, Huawei media Tab, fire HD10, PW3 HDX8.9,	you have to check all the css because other (lower level) parts of it must be overriding that top level declaration. strip out ALL other colour references and it should work. post the full css if you cant solve it. NB on an actual e-ink reader it will still look black - those cant do dark blue !

05-06-2019, 05:29 AM	#11
nkormanik Connoisseur Posts: 86 Karma: 10 Join Date: Oct 2010 Location: Philippines Device: DavidAcisAAJ	Not sure why, but that works. All blue. Go figure. Thanks for your help!

Advert

Advert