Replacement Themes for Enhanced Browsing Pleasure


#1

<p>These are replacement themes for the new Vanilla forums.</p><p>
Vanilla Black
</p><p><img src=“http://srktt.com/skin/vanillablack.png”></p><p><a href=“http://userstyles.org/styles/82968/vanilla-black”>http://userstyles.org/styles/82968/vanilla-black<br></a><a href=“http://srktt.com/skin/vanillablack.css”>http://srktt.com/skin/vanillablack.css</a> (for Opera) </p><p>Vanilla Blue (Steel)</p><p><img src=“http://srktt.com/skin/vanillablue.png”></p>
<a href=“http://userstyles.org/styles/83217/vanilla-blue”>http://userstyles.org/styles/83217/vanilla-blue</a><br><a href=“http://srktt.com/skin/vanillablue.css”>http://srktt.com/skin/vanillablue.css</a> (for Opera)
<p>Vanilla Gray</p><p><img src=“http://srktt.com/skin/vanillagray.png”></p>
<a href=“http://userstyles.org/styles/83835/vanilla-gray”>http://userstyles.org/styles/83835/vanilla-gray</a><a href=“http://userstyles.org/styles/83835/vanilla-gray”><br></a><a href=“http://srktt.com/skin/vanillagray.css”>http://srktt.com/skin/vanillagray.css</a> (for Opera) 
 <p>Firefox:<br>Install the Stylish addon<br>Click on the above link and install the skin<br><br>Chrome:<br>Install the Stylish addon<br>Click on the above link and install the skin<br>Alternately you can click on the above link and install the as a user JS (Not recommended)<br><br>Opera:<br>Save the css file on your drive<br>Browse to shoryuken.com<br>Right click on the site and choose Edit Site Preferences<br>Click Display<br>Click Choose at the bottom and browse to the file<br></p>


New Forum Software FAQ (WIP) for Vanilla
SRK Lounge: The Now Open Edition
Official complain about the new forum layout thread
Skullgirls OTT! -Random select is top tier
UMvC3 OTT: Fighting is magic? Such Heroic Nonsense!
SRK Lounge the Lunch Lady Zombies edition
Canton OH: Go easy on us
Official complain about the new forum layout thread
SRK Lounge the Lunch Lady Zombies edition
What do you think we can do to improve GD?
SFxT General Discussion #3 - Still Alive
"anything goin' down tonight?" - The Fresno Thread
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
To forum or not to forum...
SRK Lounge the Lunch Lady Zombies edition
SRK Lounge the Lunch Lady Zombies edition
Best Ultimate Tech Talk Hang Out Loud Edition Season V
#2

I…I love you…
I might monkey around with this, get srk blue back. Forgot all about stylish. Thanks!


Upcoming Site Improvements
The Official 3rd Strike Match Vids Thread
The Official 3rd Strike Match Vids Thread
Best Ultimate Tech Talk Hang Out Loud Edition Season V
UMvC3 Stream & Commentary Thread v2
#3

I love you guys back. Try it out and let me know of any major issues. I can do blue if there’s enough demand. I have the colors for it.


#4

Your display makes all of the font colors white. You made a worse version of the board.


#5

Lol, it’s easy enough to fix, just look at the stylish code and change the hex to what you like.
This is a hell of a lot better than the white background.


#6

Posts screenshots if issues. I primarily use Opera but this tested fine in Firefox.


#7

Only two issues I’m seeing is that the rely text is white text on white background, and the line between the posts and the signatures is really faint, which makes it hard to glance through, its faint on the white theme too but its still a easy enough to see there


#8

Ah, this works for now. My eyes no longer burn with the light of a thousand suns…


#9

Reply text is working in Opera. I’ll see what is up with Firefox.


#10

This works pretty well, but in Firefox it makes the text white while you’re typing it. I keep having to highlight the text to make sure there are no typos. >.>


#11

Text looks fine while typing it in Chrome.


#12

Uninstall and reload it. I fixed Firefox. The textbox should be black now with white text. Let me know if not.

What color do you want the signature divider line?


#13

<blockquote class=“Quote” rel=“Kyle”>Uninstall and reload it. I fixed Firefox. The textbox should be black now with white text. Let me know if not.</blockquote>Oh that’s much better, thank you!

As for read and unread threads, is there a way to make unread threads a few shades darker? Links in posts should be darker as well, or a light blue, maybe.

(oh, and FYI, the mod CP looks a bit borked, but that’ll only affect a few people ;P)


#14

Yes, I’m noticing that read threads are showing as white, and unread are a light blue color. might be better to switch the two.


#15

Thanks! Works really well and is a good fix for the new and improved ™ eye searing forums.


#16

Oh, god this is so much better.
And it’s so much easier to see the divider between posts now.
Though I did have to change it a bit, as pure white text on a pure black background is a little jarring. And orange links because of reasons:

<img src=“http://i.imgur.com/IbTxhGL.png” />


#17

<blockquote class=“Quote” rel=“Tstek”>Oh, god this is so much better.
And it’s so much easier to see the divider between posts now.
Though I did have to change it a bit, as pure white text on a pure black background is a little jarring. And orange links because of reasons:</blockquote>That looks really nice! Mind explaining how you did that, or posting the code?


#18

<blockquote class=“Quote” rel=“DaRabidDuckie”><blockquote class=“Quote” rel=“Tstek”>Oh, god this is so much better.
And it’s so much easier to see the divider between posts now.
Though I did have to change it a bit, as pure white text on a pure black background is a little jarring. And orange links because of reasons:</blockquote>That looks really nice! Mind explaining how you did that, or posting the code?
</blockquote>

I just installed the stylish theme at the start of this thread, and messed around with the code for a few minutes, here’s the code:

<div class=“UserSpoiler”>
<div class=“SpoilerTitle”>Spoiler: </div>
<div class=“SpoilerReveal”></div>
<div class=“SpoilerText” style=“display: none;”>html, body {
background-color: #5e5e5e !important;
background-image: none !important;
}

div * { background-color: transparent !important; }

body, div, h3, .CategoryName, .Item, .Title, .Number {
font-family: “arial”, “helvetica”, “clean”, sans-serif !important;
font-size: 10pt !important;
color: #dddddd !important;
}

a:link, a:hover { color: #e08713 !important; }
a:visited { color: #974500 !important; }

.ButtonBar { background-color: #ffffff !important; }
.TextBox, .InputBox {
background-color: #000000 !important;
color: #f0f0f0 !important;
}

.Row { background-color: #131313 !important; }
.UserQuote, .CommentInfo, .PopList, .Dropdown, .Flyout { background-color: #060606 !important; }
.UserSignature { border-top: 1px solid rgba(255, 255, 255, 0.102) !important; }
.Promoted { box-shadow: none !important; }
.Breadcrumbs { background-color: #333333 !important; !important; }
.Breadcrumbs span a:hover:after { border-left-color: #333333 !important; }
</div></div>
(note: I hate that # is apparently the shortcut to search for something)
*Edit: it’s worth noting that, because the edit sign is black, and the dividers are nearly black, it’s fairly hard to find the edit button, at the right side of the divider above your posts.
*EditEdit: figured out how spoilers work.


#19

<blockquote class=“Quote” rel=“Tstek”>here’s the code:</blockquote>
I think I might actually like this one better! Very readable! Thanks a ton!


#20

<blockquote class=“Quote” rel=“Tstek”>Though I did have to change it a bit, as pure white text on a pure black background is a little jarring. And orange links because of reasons:</blockquote>

Thanks for input! I changed link colors to be more visible and the black background to gray since there were hidden black icons. I also cleaned up the code a tad.