Editing Calibre ePub files so each letter has an unique colour?

[TherealFlynt]

Would i have to put it in every html file of the public domain book?

I have the hex colors for the 26 letters of the alphabet sorted out. However, obviously i don't have the know how to do it.

Thanks for any help.

[pdurrant]

You would need to mark up the text, putting every character into its own span

<span class="L">L</span><span class="I">i</span><span class="K">k</span><span class="E">e</span> <span class="T">t</span><span class="H">h</span><span class="I">i</span><span class="S">s</span>.

and then have CSS assigning colors to the classes

span.A { color : rgb(0,0,255); }
span.B { color : rgb(0,255,0); }
span.C { color : rgb(255,0,0); }
etc.

It will increase the size of the book a lot!

[JSWolf]

Originally Posted by TherealFlynt

Would i have to put it in every html file of the public domain book?

I have the hex colors for the 26 letters of the alphabet sorted out. However, obviously i don't have the know how to do it.

Thanks for any help.

Why? Why? Why?

[retiredbiker]

Originally Posted by pdurrant

You would need to mark up the text, putting every character into its own span

<span class="L">L</span><span class="I">i</span><span class="K">k</span><span class="E">e</span> <span class="T">t</span><span class="H">h</span><span class="I">i</span><span class="S">s</span>.

and then have CSS assigning colors to the classes

span.A { color : rgb(0,0,255); }
span.B { color : rgb(0,255,0); }
span.C { color : rgb(255,0,0); }
etc.

It will increase the size of the book a lot!

You could do that with search and replace, once the css is set up, so at least you wouldn't have to edit every letter in the book. But why?

[theducks]

I could see this for FUN Titles or initial Caps., but not a whole book or even a paragraph that was not a 'Ransom Note"

But... some of us with older eyes are now having issues with some colors (was not color blind).
BTW The CSS given is a perfectly good way. It allows a single place to tweak the color for a letter

[TherealFlynt]

Thank you. I will try this now.

[TherealFlynt]

I am doing this to recreate in my own way the experiments described here:
https://www.newscientist.com/article...ead-in-colour/
With 30 minutes a day not only did their stroop test levels increase but after they started seeing colored letters in the wild. Developing a degree of synesthesia, with more exposure the greater the effects.

[TherealFlynt]

I've tried span before, however, it comes up on the page. And only colors the alphabet letters, is there any to fix this? Where am i to place the span in the html?

[theducks]

Originally Posted by TherealFlynt

I've tried span before, however, it comes up on the page. And only colors the alphabet letters, is there any to fix this? Where am i to place the span in the html?

around EACH LETTER.

<span class="colorT">T</span>Span class="colorh">h</span>Span class="colora">a</span>Span class="colort">t</span> Span class="colori">i</span>Span class="colors">s</span> why the file will get huge

I did not finish the coding of the text . you also need a CSS entry for each class (52 letters wort + numbers)

[TherealFlynt]

Thanks theducks, that seems to make more sense. With <span class= “colorA”>a</span> being assigned with span.colorA { color: #00FA9A; +span display: none; }

However, the letters of book itself remain unaffected. Is there some place i must put in the HTML or CSS? Must something else be added?
Thanks for help you've given me so far.

[pdurrant]

Here's a sample ePub with colour applied to the first six letters.

However, for what you want (to be able to read books with coloured letters) you'd probably be better off trying to persuade someone to add it as a feature to, say, the calibre book viewer.

That way you'd be able to read any book in calibre with coloured text, not just those you've laboriously edited.

[TherealFlynt]

Many thanks pdurrant, this helps a lot.