E-shuushuu Customizable Theme

Anything shuushuu related that doesn't fit into the other forums :)
User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

E-shuushuu Customizable Theme

Post by yong » Mon Sep 28, 2015 1:19 pm

Just wanna share the customized CSS, that will alter the shuu default white theme to high contrast mode, so your retina does not burn out while browsing shuu xD

Download the them at userstyle https://userstyles.org/styles/119305/e- ... able-theme
EDIT1: moved to userstyle.org
EDIT2: One-click apply Dark Theme has been moved to here https://userstyles.org/styles/129995/e-shuushuu-dark
less complicated than the main theme unless you wanna use custom background images, also the Transparent them also retired, as the functions has been ported to main theme.
Image

User avatar
nardack2009
Posts: 134
Joined: Tue Nov 04, 2014 5:54 am
Location: Lost!
Contact:

Re: Dark themed E-shuushuu (W.I.P.)

Post by nardack2009 » Mon Sep 28, 2015 11:46 pm

Wooah, That's very nice.
I love to try it on Chrome... Thanks Yong-Senpai.
One day.

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu (W.I.P.)

Post by yong » Tue Sep 29, 2015 2:01 pm

Dark themed Forum :p
not completed yet
http://img.techpowerup.org/150929/darkshuu.png
Image

User avatar
Aizawa
Posts: 1357
Joined: Thu Dec 29, 2011 8:42 pm
Location: In the heart of Juliet.

Re: Dark themed E-shuushuu (W.I.P.)

Post by Aizawa » Wed Sep 30, 2015 4:43 pm

Lookin' good so far.
Image
【I think you're beautiful, Beautiful.】

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu (W.I.P.)

Post by yong » Wed Sep 30, 2015 8:38 pm

Moved to userstyle.org, now installing addon and the style is a breeze~
Image

User avatar
XCalibur
Posts: 9
Joined: Sat Jan 17, 2015 7:23 am
Location: United States

Re: Dark themed E-shuushuu (W.I.P.)

Post by XCalibur » Sat Oct 03, 2015 2:13 am

I like how it looks so far, nice work. Good luck!

User avatar
nardack2009
Posts: 134
Joined: Tue Nov 04, 2014 5:54 am
Location: Lost!
Contact:

Re: Dark themed E-shuushuu (W.I.P.)

Post by nardack2009 » Fri Oct 09, 2015 7:55 pm

It's nice.
Hope you finished it fast. ☺

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Tue Aug 23, 2016 2:14 pm

FYI, i've made a major change to the default Dark Theme, now the green and Orange theme with carbon fiber background has been merged into one theme,
you can now customize the border color to whatever color you wish, more options will be added in the future.
Image

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Sun Sep 04, 2016 5:26 am

Current, progress, and possible combination. The background images will appear on Wiki and Forum as well. :mrgreen:
Image

User avatar
Aizawa
Posts: 1357
Joined: Thu Dec 29, 2011 8:42 pm
Location: In the heart of Juliet.

Re: Dark themed E-shuushuu

Post by Aizawa » Sun Sep 04, 2016 12:35 pm

Woa, I really like how that looks. The image compliments the theme so well.
Image
【I think you're beautiful, Beautiful.】

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Mon Sep 19, 2016 7:19 am

Bump, Dark theme (one-click apply and minified) has been moved to new url, the main theme become customizable for maniac like me :mrgreen:

I'll write a guide for how to customize main them if requested.
Image

User avatar
Aizawa
Posts: 1357
Joined: Thu Dec 29, 2011 8:42 pm
Location: In the heart of Juliet.

Re: Dark themed E-shuushuu

Post by Aizawa » Mon Sep 19, 2016 8:08 am

. .. /rises hand ;;
Image
【I think you're beautiful, Beautiful.】

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Tue Sep 20, 2016 7:07 am

Aizawa wrote:. .. /rises hand ;;
Any questions on the options? Most of the options are pretty self-explanatory.
The default options will give you the same look as the Dark theme,

As for Background and Custom Background image, you can only choose one,
(if you choose custom background image, the first option must be set to none, and so forth),
as the "Background" option will override the custom background image.
Also don't use "upload your own", it does not work with large images.

And yeah, the last two options are for fun :mrgreen:
Image

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Wed Sep 21, 2016 7:50 am

As per request, here's the poorly written guide :mrgreen:
http://s26.postimg.org/faimy7ccn/Untitled00.jpg
Image

User avatar
yong
Posts: 995
Joined: Sat May 03, 2008 8:37 am

Re: Dark themed E-shuushuu

Post by yong » Fri Sep 23, 2016 5:40 pm

Guide: how to generate Transparent theme for shuu:
http://s26.postimg.org/kzq5aekp5/transparent.jpg
The option highlighted in red are mandatory,
1. the background must be "none" else the solid color will override the custom background.
2. never use upload your own, unless it's tiny image :mrgreen:
3. Secondary color scheme refer to the text/info background transparency.
you can either choose completely transparent if your background is mostly black.
or higher opacity for better readability.
4. remove background on wiki/forum, self-explanatory.
5. are for situation that you want to see the background image more, but wants a better partial text readability on shuu, forum and wiki.

The rest of the options are completely optional.
Image

Post Reply