Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change background color outside of text's body #31

Closed
abg88 opened this issue Dec 22, 2016 · 6 comments
Closed

Change background color outside of text's body #31

abg88 opened this issue Dec 22, 2016 · 6 comments
Labels

Comments

@abg88
Copy link

abg88 commented Dec 22, 2016

I wish I could get the background outside the text's body in black, so I don't have too many white on my eyes. Is it possible?

(did anyone understand my request? english isn't my first language)

@ZachSaucier
Copy link
Owner

ZachSaucier commented Dec 22, 2016

This should be possible via the graphical editor (clicking the paint brush icon) with the "backgroundColor" value. Simply click the value and then use the color picker to choose one that you like.

You can also use CSS to do this via the Options page, such as html { background-color: black; }.

There are also some dark themes that other users provided that you can check out.

@abg88
Copy link
Author

abg88 commented Dec 22, 2016

That's not it. Instead of having all screen white, I want to have only the body of the text in white (and the text in black). Outside of the body of the text, I want to make it black.

I'm sending a picture of how I use iReader. I want to do the same in Just Read.

Oh, and is it possible to change the font?

Awesome extension, btw.

ireader

@ZachSaucier
Copy link
Owner

ZachSaucier commented Dec 22, 2016

Oh, yes. Simply apply it to the body in the CSS instead:

html { background-color: black; }
body { background-color: white; }

Be careful that you color the icons a way where you can still see them though! Their default black will not be visible on a screen like that.


As for changing the font, you can change that in the CSS as well. You can load your own fonts from Google or use the default. Just make sure to change them in the body or wherever else font-family is declared in the CSS.

@abg88
Copy link
Author

abg88 commented Jan 9, 2017

How do I do that? I don't have any knowledge about CSS.

@ZachSaucier
Copy link
Owner

Copy the two lines in the post above, right click the Just Read button and click Options, select the theme you're using in the left panel, paste the two lines at the bottom of that file, then save it.

@abg88
Copy link
Author

abg88 commented Jan 10, 2017

I'm finally using Just Read as I want it. I took this style sheet (https://gist.github.com/kimu/09cac61f9ce54468dbcf55f2b177f108) and adapted it to my use. I think that this style sheet is more "readable" to me.

Thanks!

There it is:
justreaed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants