Topic: [Site Theming] Simply Orange

Posted under e621 Tools and Applications

Tired of the 6 themes provided to you by e621? Want to reduce eye-stress while enjoying the biggest little yiff website in the universe?

Then today's your lucky day! Introducing, "Simply Orange"!

Note: you will need to be using a browser that allows the installation of the "Stylish" extension for this to work.

To install:
1. Click on the Stylish button in your toolbar.
2. Highlight "Write new theme" and click "For e621.net" (you will need to be on e621 to write the script)
3. In the tab that now opens, paste the following code in between the two { } marks: http://pastebin.com/G8TnZAaA
4. Name the stylesheet whatever you want
5. Hit save, exit the tab, then hit refresh on the open e621 tab you opened.

If it doesn't work, feel free to leave a comment down below!
BETA: http://pastebin.com/2T2XpZWu

Updated

Nikolaithefur said:
Whoops! Here are those screenshots I forgot to upload!

Homepage: http://www.zimagez.com/zimage/screenshot-08252016-053311pm.php
Posts: http://www.zimagez.com/zimage/screenshot-08252016-052156pm.php
Post: http://www.zimagez.com/zimage/screenshot-08252016-054355pm.php
Forums Home: http://www.zimagez.com/zimage/screenshot-08252016-053940pm.php
Forum Page: http://www.zimagez.com/zimage/screenshot-08252016-054113pm.php

any reason why page tabs at the bottom of "posts" is still in the original site blue? Just wondering if that was simply something forgotten or if its something that is uncodible. Also i do think type under a orange background has to be whitened a bit more to be easily readable and i see issues with green and red type and symbols becoming hard to read in some places.

PS: it would brobly be better if this was coded in site-side so other colors are also possible in addition to orange...

Updated by anonymous

Ruku said:
any reason why page tabs at the bottom of "posts" is still in the original site blue?

i do think type under a orange background has to be whitened a bit more to be easily readable

i see issues with green and red type and symbols becoming hard to read in some places.

I'll look into the code a bit more, and release it in the next update. I must've overlooked it.

Thanks for the feedback!

Updated by anonymous

Can I modify this for my own theme? I have had some ideas for a while and can post the modes codes here for sharing if you want.

Updated by anonymous

Kristal_Candeo said:
Can I modify this for my own theme? I have had some ideas for a while and can post the modes codes here for sharing if you want.

Yeah, I saw that you had modified the theme a bit in your videos, and I was kind of relieved that I wasn't the only one who cared about themes :D

Sure, go ahead! If you can improve on my code, feel free!
EDIT: If you can improve on your code as well, then it's a win-win. (Didn't want to come off as a douche...)

Updated by anonymous

Beta Release for eSix Extend

This is only a beta release, so it might kill your kitten and destroy your house! If all goes south, just disable the script and revert back to the original release.
To apply this theme, follow the directions in the OP above, but click on the link labeled "BETA" for the beta code.

New Features

1. Redesigned header bar to be persistent all the way down the page (No more scrolling to the top of a page to go to another part of the site!)
2. Removed link to E621 homepage (Who needed that anyways?)
3. Placed eSix Extend Bar on top of header bar
4. Removed "Theme" dropdown box (This script works best with "Hexagon", the original base)

Screenshots:
[1]

Updated by anonymous

I don't understand why you say you want to reduce eye strain, and then use a yellowish-orange. You might as well advertise Hot Dog Stand as being pleasant to look at.

If you want to reduce eye strain dark and muted colors are better, but you still need something to properly contrast the text with, and orange sucks for contrast.

Updated by anonymous

Lance_Armstrong said:
The Ubuntu Theme

Iwould be lying if I said it wasn't a little bit based off the Ubuntu colors...

NotMeNotYou said:
I don't understand why you say you want to reduce eye strain, and then use a yellowish-orange. You might as well advertise Hot Dog Stand as being pleasant to look at.

If you want to reduce eye strain dark and muted colors are better, but you still need something to properly contrast the text with, and orange sucks for contrast.

That's a very valid point... I made a red theme for WildCritters.ws, so maybe I'll pull some hex colours from that and play with them a bit after I get off of work.

Updated by anonymous

Nikolaithefur said:
screenshots

hmmm... you know, i just woke up but the first thing to pop into my mind upon seeing this thread title was 'peaches & cream'. an easy to look at orange (like in these screenshots) with the text changed to a cream color.

edit: or maybe it'd be 'oranges & cream' in this case.

Updated by anonymous

Tutorial
You can find a step-by-step video tutorial that explains the installation process here
If the link doesn't work, try this: https://youtu.be/A0Jr3EzFjf0

This video was so halfassed... I couldn't even bother to edit it. I'm sorry...

Updated by anonymous

  • 1