Topic: I wanted to ask about the Costum CSS option under the advanced options

Posted under e621 Tools and Applications

Well I want to use it mainly to make a better darkmode than bloodlust.
But I dont know how are there any docs for that or wikis

Didnt even know e6 had custom CSS option. Epic!

I'll share my CSS if I get round to doing it. I have a fair amount of experience with it.

I forgot there was custom CSS in the settings.

Here's an example, for this forum page:

body {background:#000000}
#nav menu {background:#333333}
#nav menu.main {background:#444444}
#nav menu.main li.current a {background:#AAAAAA; color:black}
#page {background:#333333}

/* Forum */
.list-of-forum-posts .author-info {background:#222222}
.list-of-forum-posts .content {background:#111111}
.list-of-forum-posts .forum-post {background:#000000}
.list-of-forum-posts blockquote {border-left-color:navy; background:#555}
.list-of-forum-posts pre {border-left-color:green; background:#555}
#new_forum_post {background:#444444}
#new_forum_post textarea {background:#000000; color:#CCCCCC}

footer {background:#333333}

/* Make the custom CSS style box bigger */
#user_custom_style {min-height:400px; width:100%;}

Updated

Is there a good way of making the thumbnails bigger when I'm searching posts? It's been years since I've messed with css and I haven't found anything that helped by looking up grid or flexbox. Both seem to apply size adjustments on a per item basis.

dragon's_boyfriend said:
Is there a good way of making the thumbnails bigger when I'm searching posts? It's been years since I've messed with css and I haven't found anything that helped by looking up grid or flexbox. Both seem to apply size adjustments on a per item basis.

If you're on desktop you can give re621 a try. It's a userscript which does a bunch of stuff, it also has a section about scaling thumbnails. This will probably be the best solution for you since you also have the option to enable higher res thumbnails. By default they're just 150px, which means increasing them via css would just make stuff more blurry. Check it out in forum topic #25872

earlopain said:
If you're on desktop you can give re621 a try. It's a userscript which does a bunch of stuff, it also has a section about scaling thumbnails. This will probably be the best solution for you since you also have the option to enable higher res thumbnails. By default they're just 150px, which means increasing them via css would just make stuff more blurry. Check it out in forum topic #25872

I just took a look. Looks like it requires a plugin that won't run on my tablet. Kind of a problem as I spend a lot of time on the road and generally leave my ancient laptop at home for months at a time.

Thank you anyway.

earlopain said:
If you're on desktop you can give re621 a try. It's a userscript which does a bunch of stuff, it also has a section about scaling thumbnails. This will probably be the best solution for you since you also have the option to enable higher res thumbnails. By default they're just 150px, which means increasing them via css would just make stuff more blurry. Check it out in forum topic #25872

https://stackoverflow.com/questions/29599794/how-to-sharpen-an-image-in-css

I haven't tested this but I'll look at it later. What a world.

  • 1