Suggestion: Don't set "color" tag in .epub css

[chicagofilms]

I think I'm having the same issue. I have some books that were converted to epub in calibre. now I'm trying to read them on my ipad. When I switch to night mode, the fonts stay black & thus disappear.

Is there an easy way to turn off the fixed font color or size in several epubs? Or is there an easy way to edit the css of an epub on a mac?

**Update
I found Sigil in the wiki & figured out how to fix it.

My next question is, is the CSS file needed at all? Is wo, what parts are needed for an epub book to work?

Here's an example of a book I was having the "black font" problem with. What is the bare-minimum code I need to keep for it to work?





.body {
display: block;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
page-break-before: always;
text-align: justify
}
.bs {
border-color: rgb(0, 0, 0);
border-style: solid;
border-width: 0;
color: rgb(0, 0, 0);
display: block;
font-size: 10pt;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
.bs1 {
border-color: rgb(0, 0, 0);
border-style: solid;
border-width: 0;
color: rgb(0, 0, 0);
display: block;
font-size: 10pt;
font-weight: normal;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
text-indent: 0
}
.calibre {
height: 737;
width: 560
}
.calibre1 {
display: block;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 1em
}
.calibre2 {
border: 1px inset;
color: gray;
display: block;
height: 2px;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
margin-top: 0.5em
}
.calibre3 {
display: block
}
.imagepage {
display: block;
text-align: center
}
.ts {
font-size: 15.6pt
}
.ts1 {
font-size: 11.7pt
}
.ts2 {
font-size: 8pt;
font-weight: bold
}
.ts3 {
font-size: 10pt;
font-weight: normal
}
.ts4 {
font-size: 10pt
}
.ts5 {
font-size: 8pt
}
.ts6 {
font-size: 11.7pt;
font-weight: bold
}
a {
color: inherit;
text-decoration: inherit;
cursor: default
}
a[href] {
color: blue;
text-decoration: underline;
cursor: pointer
}

[McAlsop]

rgb(0, 0, 0) is black. Try removing all the lines with color: rgb(0, 0, 0).

Not sure about border-color. Probably doesn't matter.