lol do you clean your messages? :p

nice colour combos

very attractive! i will give it a try, i'm going to give things a few days before i try it though, was having vicious 500 internal server errors earlier.. D:

YES! Black FA <3

I like this much, much better...

Awesome. Just wish I knew where to put the code at

This. ^

Try the Stylish addon for Firefox and Chrome or Easy User CSS for Opera.

Google for other browsers... not sure about them.

I can't figure out how to add it to Stylish. I tried to create a new sheet for www.furaffinity.net but it didn't work for FA, just for every other site. Dx I'm dumb to this =p

You get the code from what he posted , then you copy paste it to the tamplet, then hit enabled. It worked right away for me

Third time's a charm I guess. Worked this time.

ok now try explaining it to a firefox user that's never done anything like this before >.>

Go grab the Stylish add-on
https://addons.mozilla.org/en-US/fi.....addon/stylish/

I did

what about for chrome?

I dont know how firefox works, but if it is anything like chrome it is easy..... Take the code he gave in his description. Then install Stylish to your browser. Open stylish and go to where you can add a new style.... Paste the code you got from the desc into the place where it asks for "code" then hit enable on the left of the window, then it should work immediately

it didn't

ok it appears to be doing stuff to every website BUT furaffinity

I dont know then man. Sorry

Do it for "URLS On this domain - furaffinity.net"

Thanks so much. I was using another dark theme like this before the update and I was upset that it broke.

My only issue is the comment boxes in submissions still having the default theme blue, it doesn't fit in.

Just fixed them, try the update

Give me one sec, and you commented as soon as I commented with my fix on it. lol

}
.container-comment td.cat{

border: 0;
background: none !important;

Just to get rid of that annoying blue box.

Could you possible do the entire code including the fix? I presume you use the td.cat and overlay with the other one and so on then delete spaces between. Of course I might be dumb.

http://pastebin.com/QmnmKrzx

It's still showing all the blue on my end. I've re-created the style sheet like 3-4 times x-x

What browser and program are you using for it?

if its stylish, go to write a new style, paste all of that into the box, click the button under the box and set it to "Urls on this domain" and type "furaffinity.net" in the box.

It should work.

Okay, adding (after removing some unneeded braces)

Sorry, I'm not the best at this. I'm not that experienced with CSS. x:

well your fix got me further, but my background was still a dark blue. Oh well, nvm

There isn't any reason it shouldn't be working. There might be something else interfering with it.

https://www.dropbox.com/s/0mtv6yrxw.....%20stylish.jpg

I get that when I try to 'preview' it.

that's exactly what mine looks like, and I don't see how to make it only do it with FA

 sovy Made a fix for firefox. http://pastebin.com/tdZriA8m

Fantastic! Works perfectly.

Check out the link at the bottom, I've given someone else a well working FA CSS for firefox.

I can't even get it to load up on firefox. I think it has something to do with firefox, as I use opera and have had no issues with it. I think Firefox does the CSS differently then Opera.

I'ma go to bed...can you keep me updated on if it finally works right for firefox please? They still haven't updated the visited link color to be different, so I can't tell new comments from old still.

Just check back later on, maybe he'll have an update for it. I'm not very good at CSS, so I've only been throwing the few little things I know in here. I don't know how to fix it to make it work in firefox.

Hahaha, meant to say google chrome. MY BAD

This isn't an error, it's there because background-gradient still requires a browser prefix to work. I'll check for better Firefox support later when I have time today.

Here is my fix for the Messages background color, I haven't figured out how to fix it for Art submissions yet though.

div#messagecenter-other ul.message-stream li.checked{
background-color: rgba(60, 60, 60, 0.5) !important;
}
div#messagecenter-other ul.message-stream li.hover{
background-color: rgba(136, 136, 136, 0.5) !important;
}

I also fixed the note table, though I had to edit previous code to make it look right, you may know a better way to do it though.

form#pms-form>table.maintable.container .alt1 {
border-bottom: 1px solid #444444 !important;
}

form#pms-form>table.maintable.container {
border-collapse: collapse !important;
}

Then you need to take .cat out from your .cat.lead,.tab a, .tab u {
border: none;
}

Entry and turn it into.

.lead,.tab a, .tab u {
border: none;
}
.cat {
border: 1px solid #444444;
}

So that the table for notes looks more proper.

I only wonder one thing..
if you could explain to me in steps where to go when I have installed stylish and downloaded the code (it's now on my notepad)
I just don't know where to paste this, and more so, where to GET to that editing page..

http://www.furaffinity.net/journal/3493805/ Try this

So.. much.. links @_@ I don't know which is the right one and which I should paste and hngggh...
(i have never done this before and I suck with codes/editing)

Just depends on which browser you're using.

If you're using chrome, download stylish here: https://chrome.google.com/webstore/.....fgmeleoegfcffe

For Firefox, Here: https://addons.mozilla.org/en-US/fi.....addon/stylish/

When you install either one, it'll appear somewhere on your browser as a square icon with an "S" in it.

If you're using opera, you click the button and click manage installed styles, click write new style on the left, and copy and paste this file into the large box on the write of this new screen. http://pastebin.com/6AVcsE1c
Then you click the specify button, and write www.furaffinity.net, and switch it to "URLs on this Domain"
Then you click enable on the left and press save.

For firefox, you click the stylish button and go to write new style, then click blank style. Then you copy and paste this into the box, and give it a name at the top: http://pastebin.com/GRsXSt3L
Then you click save.

It worked smoothly!
Only one thing...
It appears slightly brownish to me. Can it be my screen resolutions that is bugging?

Mind screen shotting it?

Now, think about that our monitors may be different when it comes to colours so it might even look black to you, but still brown to me. But I am giving it a try

http://furrypile.co.uk/gallery/imag.....8207373655.png

Yeah, you should adjust your monitor, its the right color and everything.

strangely though
On the preview I saw before I installed it it looked black..
hm.. oh well.. I guess I'll wait till Dragoneer makes it a default

Not sure what to tell you, sorry. x3;

it's okay :3 you still helped me out and I am thankful for that!

For the message center background color, I think it looks better to have both entries with the same RGBA, so need to change those 60s to 136's

I threw a fix at you for the blue box at the bottom of the comments box. Though I copy and pasted it wrong. :V

.textarea, .textbox {
background-color: #202224!important;
color: #DDDDDD !important;

}

Here, try this for the comment box too. Just change the Hexes to whatever you'd want the bottom to be.

}
.container-comment td.cat{
height: 0px !important;
line-height: 0px !important;
padding: 0;
border: 0;
background: none !important;
background-image: none !important;
border: none !important;
}
.container-comment{
border: 0px !important;
background-color: #202224;

Add this to the code, it'll make the comments on submissions look way better.

Thank you so much for this. Could you add this to userstyles so people can get easier access to it with Stylish?

i love this

A thousand times better. Thanks. <3

this is awesome! but exactly how do i do it for a safari-windows browser o-o?

http://www.pimpmysafari.com/items/U.....ari-Extension/

Thanks!

There is something wrong when the customers has to fix the UI themselves to use the product. *Glares at SecondLife*

s/has/have x.x

Nice!
I played around with the stylebot extension on chrome and just made it so the menu bar is fixed to the top of the browser window. Shameless plug

Wow, this thing is nice :D

Anyway I think FA's whole interface should be changed... WHY TABLES, WHYYYYYYYYYYY!?

The tables will be replaced later this year.

Uhm... Supposedly that was going to happen last year's June 20th (or some date around that one, if i recall well).

This comment will be repeated again next year.

You forgot to make it so that it applies to FA only, but it is lovely having the bar move down. I'm really happy that I'm not the only one who was obsessed with getting a colored theme back to FA and getting it done right. :B

Thanks for the heads up, new to all this so, I think I fixed it~
Yeah I'm just now running the dark theme and my own hacked menu bar, still adding new things, fixing and deleting messy code( that I created my self)

I threw in some fixes above here for message center backgrounds and for notes. I am still trying to figure out how to change the color of the background of selected submissions. Think you could help me figure that out?

center.flow.messagecenter b.checked {
background-color: #202224;
}

works for me~

Yeah, I just figured that out as you commented. Was about to give it to Chaz. You beat me to the punch though I guess. :b

I find using #444444 to look better though.

I just throw in some color didn't check with the whole theme~

I think with us fixing that, that everything that we can change is complete. Unless you want to play with my changes to the note tables. :b

Im messing around with some other things now so I can't :<
but its something I want to fix because that looks really ugly...

What's the fix that you're working on? I know that the pop-out when you click the corner of a submission still need a color change. x:

#description_popup {
background-color: #202224 !important;
border: 1px solid #444444 !important;
}

Fixed the pop-ups.

Uh-oh. The help page is completely broken with this CSS. I don't think I have the skill to fix it though. :V

Need to change the URLs on this domain to www.furaffinity.net so it doesn't affect the help page.

.tab a:hover {
color:
#202224;
text-decoration: none;
}

Fixed the hover text for userpages.

Got a feeling that they might do something about the color in later update.

But between your Stylish code and Unfiltered's header-menu coding tweak, this will work out nicely for now.

Can I have your permission to use this on the site? =3

i was about to send you a link to this page, that would indeed make it !

Oh, please do implement it. It is so much soothing on the eyes. Same option as on Adobe Photoshop CS6, it makes viewing media so much easier.

Why not ask your coding team to make their own version?

a coding team.

I can do that easily enough, but I want to give the user credit. I don't need the coders to implement this. I could do it on my own, but I'm not going to rip the user's idea and NOT give credit where credit is due.

we really need this theme implemented, i love it

Posting this from the test version of this theme. It really does look amazing.

hell yeah, same terms as my drawings (mention the author in the changelog ). I'm disappointed I can't view it on my phone now :D

Oh,  Trauron and  unfiltered with their fixes as well.

36:33 Error in parsing value for 'background'. Declaration Dropped.
37:40 Error in parsing value for 'background'. Declaration Dropped.
38:35 Error in parsing value for 'background'. Declaration Dropped.
39:36 Error in parsing value for 'background'. Declaration Dropped.
40:32 Error in parsing value for 'background'. Declaration Dropped.

Did I do something wrong here?

Yea, I'm wondering the same thing. I presume you're using Firefox? I keep getting the same message all the time.

Yeah, latest version of Firefox and all that jazz.

arg, me too. It actually works if you have firefox run it as a stylesheet, but I can't get it to save on FA. Stylish dumps that out at me when I try and use it. ;-;

awesome layout, i love the dark tones.
it must be the new furaff.

Love the darker tones, It matches the blackness of my soul, and stuff //_-

I love this its fucking amazing I use IE9 though don't care if its shit >.>

I know we've never met before but I love you

it's all so organized

This is lovely, applied with no issue. Thank you!

This is so damn good..thanks

This looks a ton better

Me love you long time.

Now do the light theme..that seems to be the bastard stepchild that even their web "designers" forgot ;)

I had to add the !important modifier to the CSS to get it working in Firefox. I also had to add the code so this code only affects Furaffinity. This is for the Stylish add-on in Firefox.

Here is a copy-pasta pastebin of my changes.

http://pastebin.com/tdZriA8m

Thank youuuuuu~

It still said errors when I previewed it, but it worked regardless LOL! <3 Thanks so much ^^

Yes, you'll always get that with the full code; Stylish doesn't recognize certain vendor prefixes, so whenever it hits a style declaration with an unrecognized vendor prefix, it'll spit out an error message and move on to the rest of the code.

omigosh, you fixed it, Sovy. You are a hero!

...im still having problems lol, all but the message boxes are the same

...nvm! :D

This is what mine looks like. I copied the paste bin code exactly as is, but gave it the highlighted header so it only effects FA. http://dl.dropbox.com/u/5776250/FA1.jpg
I'm not sure what I'm doing wrong...

PS: using a firefox nightly waterfox build (should work the same)

It works fine on chrome though, and i also found on the userstyles website someone made another site mod that makes the top navbar dock with the browser so when you scroll down the page it follows. Here everyone. http://userstyles.org/styles/66167/.....op-menu-tweaks

Also another top meny tweak but this one also makes user pages look cooler. http://userstyles.org/styles/64691/.....-layout-tweaks

You're using the light theme. Switch to dark, as mine isn't a full CSS but a User CSS (think: patch) for the dark theme.

Also it seems that my mod will be implemented as a normal theme, so it won't need any crutches anymore

Pretty proud of you for that. Hope to see it implemented soon.~

That's awezome, well done!

Me gusta.

Awesome for this, thanks! <3

http://www.furaffinity.net/journal/3493805/

I made an instruction journal that may help people having issues with the theme.

Omggggg Idk you guys but I looooooove you so much right now <3

woot i almost couldn't get it to work but i got it. thanks making this.

I think the image description font needs to be a little lighter. It's so dim it almost blends in with the background and is too hard to see.

Go to account settings and change stylesheet to dark. It will make font lighter.

Any chance of an inverted/bright scheme?

You could probably go through all the CSS and change all of the coloring to be brighter, it would be a lot of work though cause you would need to add in extra codes for certain things that didn't need to be changed for this theme, since it was using the darker FA theme?

Man, this works out beautifully! Thanks for providing the CSS =D

Ohh wow ouo *stares* <3

likes the darker background

THANK YOU!!!!!

Love it. :D The link colors really bother me, but otherwise I like it. And I normally stick with the light theme.

If you'd like, I could fix the viewed link colors to be a bit less obvious. I'll reply here again when I fix that.

.alt1 a:visited {
color:
#818181;
}

Add this to the stylish CSS under any entry. It'll make the links grey instead of blue. You can change the color to whatever you like as long as you know the HEX you want.

Thank you very much! You're very kind~ Unfortunately I can't seem to see a difference adding this, so I'm assuming I did something wrong. :c My links are blue whether or not they've been clicked. I see you have a very helpful journal up though, and I'll be looking at that some. <3

Yeah, I added a lot of different things that he didn't add. I added my fix here to the pastebin link in my journal, along with all the rest of the changes I made to this CSS if you'd like to use it.

http://pastebin.com/N1davtBP

Here's the link here, if you just want to delete and paste this into your current CSS style in stylish for FA.

If you're using Firefox, try adding
!important;

at the end of the color line.

Opps, looks like message center (journals, comments, etc) uses a different code for visited links. Add this too. I only changed it for notes earlier.

div#messagecenter-other a:visited {
color: #909090;
}

Haha, this is why FA is inefficient, I found another place where the visited link color doesn't change. :I

Add this too.

.auto_link:visited {
color:
#818181;
}

Are these all compatible with Firefox? Should I be putting the !important; after everything or just certain things?

I've added all of this, with no change.. :C

Firefox is kind of picky, I'm using chrome so I haven't had much issue with implementing anything. Firefox doesn't seem to like this CSS much though. Let me see if I can get it working in firefox and I'll get back to you.

You're too kind. D:

http://pastebin.com/ZcTy5BVu

Just copy and paste all of this, I am testing this in firefox as we speak and it seems to all be working rather peachy now.

Wonderful! ^_^ Thank you so much. I really appreciate your extended help! Though, the links in the message center are still blue. Like, where it lists comments people have left you and journals from people you're watching.

Let me take a look at that on firefox.

Opps, I forgot to take out a ; sign. It should work now.

http://pastebin.com/GRsXSt3L

This one did work properly. Thank you very much.

I took a little time and made an optimized version based on certain CSS principles and styling rules I follow (including the DRY, or Don't Repeat Yourself, Principle in regards to CSS declarations). I also took out the declarations with vendor prefixes Stylish refuses to recognize, so no errors should pop up in that regard:

http://pastebin.com/4XfNUrJv

Haha, I'm not that great with CSS, so I wasn't really following that rule I admit. Its certainly cleaner then what I had written.

I picked up a few tricks from http://csswizardry.com/ - maybe you can, too. :)

You'd probably be able to do the lighter version of this easier then I can, since you have more experience with CSS then I do. :V

This is genious!

Oh hey, very nice. :o This in the default settings now? lol

Yay, thank you for this! I was using a smiliar dark stylesheet and it was killed by the update.

This is beautiful.
Thank you very much. Now my fA seems nice! :D

This looks amazing. Thank you so much for this! :)

FYI, I have your new CSS sheet running on my personal dev box. Making a few changes here and there, but it's also given me an excuse to re-review every single page on FA. Should launch a public beta with it next week so you can see what I'm doing with it.

New: http://www.frostdragon.net/fa/fa_pa....._revisions.png
Old: http://www.frostdragon.net/fa/fa_page_original.png

Little tweaks go a long way. Going to continue working on my sandbox for a few days, then open it up for everybody.

Looks pretty good so far. Probably far better then people with no CSS experience like me can do. :B

I have a bunch of things to fix before pushing it live, plus I need to update the other CSS themes with tweaks/changes.

I'm sure it'll be awesome once its released. :b

Instead of separating the different things at the top I opted to make it have a small stripe pattern on mine for some diversity and tweaked a few things myself, such as the various buttons on the site. (You guys have quite a few!)

http://gyazo.com/923352bf24669ea7221904e193498a7b is what mine look like.

As for the buttons, is there any reason why there are so many similar buttons using different CSS? I'm not an expert on CSS but if a lot of them used the same class wouldn't it be better? Just curious about that.

Another few tweaks are made for some headers and on comments users make and what some buttons I changed look like:
http://gyazo.com/cc48198b1e93b6550f980215468cd4e1

Feel free to take any ideas out of these if anyone wants too and such, and I may provide the CSS I'm using if I can clean it up a bit, it's quite sloppily done and needs some work still.

Also forgot to add something! I'm playing around with rounded tabs on profiles as well, still could use a few tweaks however:

http://gyazo.com/a80cbb2fad73e8fa86e2f192c78a3088

What'd you use for the striping along the navbar? Send me a noet with your CSS/Gifs. Will play. =3

http://www.frostdragon.net/fa/new_h.....der_design.png

New drop downs. =3

Looks pretty great :3

Although I'm kind of curious, would a small separator, like a | between two links on each line be a good idea to help separate them?


Looks pretty good regardless and I like how this looks~ Might have to try and style this and tweak with it once it's released. :D

Well, all the links are separated into individual columns. Not sure the | is really needed at that point. I thought about maybe a subtle bullet style before the links. Either a small square or a circle. Not sure yet. Still playing around with the colors/layout.

Ah, I guess something like that could work too. :3 Playing around always is fun, though it ends up being time consuming I find haha, when tweaking things sometimes hours go by and I don't notice! @_@

Read about the notifications too, I like the grand total it displays, though if it were changed to be one or the other I wouldn't mind at all. Will be interesting to see what other changes and tweaks you fiddle with. :3

Can't wait for the rollout! Great work, Chazkatrix!

Okay show and tell time! I have been playing around with a white theme~
its far from finished...

Transparent menu bar that is fixed to the top of the browser window.

WARNING! white images are going to be loaded so cover your eyes before open
IMG1 IMG2 IMG3

Holy smokes, a white FA makes the site look totally classy.

https://dl.dropbox.com/u/58824/FA/classy.gif - I just had to.

Yes! C: I may have to switch between the dark one and your white one if/when it comes out. Hoorah.

Thanks I'm glade that you like it!, yeah I hope I get to the point that I feel its ready to be released, there is some things I really need to fix before it comes to that.

OMG LOL that was great >w<

Nice, thank you!

Also, I think it's probably FA's whole code base that's horrible. :p

silly question but how do I make it work?

http://www.furaffinity.net/journal/3493805/ this will show you how to get it to work~

ah I use chromo....so I can't use it?

You mean Chrome? It works on that too, I'm using it.

I can't seem to figure it out then.
Im super bad at these things

What I did:

Google "Stylish" for chrome and install it. Open and make a new theme, just copy paste the text from this link: http://pastebin.com/1gU1760x

thank you TTuTT

http://www.frostdragon.net/fa/new_h.....der_design.png

New drop downs to replace the older menus entirely.

These look awesome! Menu highlights could be subtler (1. because the menu is very big on its own, and 2. because high-contrast UI elements need a solid reason to exist). For a comparison, the style I use now:
https://www.box.com/s/adb7cf6caedb8e3939e8

And think through how the message "tray" could be upgraded: I'm not sure if the current message center link itself is ever used by anyone.
I'd suggest editing it: the "Messages" part should turn into a verbose dropdown menu with big mobile-friendly buttons on click (and open the actual message center with "open in new window/tab" command), while the message type counters should work as they do now.
https://www.box.com/s/c7e2e8db48df94e620d9
(The parts leading to same page can lead to different anchors; shouldn't be hard to add)

I was pondering about the notification system. Not sure how I want to approach that, but...

I'm still working on a few things. The drop-downs look a bit different right now. I did a bunch more work on them last night after I posted that screenshot. Going through all the user feedback/suggestions to see what works the best. I honestly think that even getting rid of the "XXXXX Messages" and maybe replacing it with a simple envelope would work. I'm not really sure people need their messages counted twice. A grand total /and/ per item. Seems redudant.

Now that you say it... the total count really doesn't indicate anything. Just a dropdown button, quick access icons, and big, verbose links in the dropdown menu.

http://www.frostdragon.net/fa/new_h.....er_design2.png

Today's update on design changes. I think it's starting to look really freakin' good. Seriously. Thanks for the inspiration. It's really motivated me to get off my ass. =D

Just saying that it looks pretty awesome neer! :D keep working on it!

Well its good that you did. Fa has been needing it for a long time. :b

Just a reminder from many of us on FA: you rock!

This looks much better!

This is the best thing ever.

this is just awesome! Thanks for sharing this with us!

Thank you, looks great!

I'll post a new, better one soon (probably this evening) :D

Hmm...

Im having trouble, I dont know anything about computers or coding.. I have google chrome.

But just where exactly do I put this code?..

You need a Chrome extension to use install custom CSS, and then just copy-paste the code there. I don't know for sure about Chrome, I use Firefox and Opera myself.

More than a year later this still hasn't been implemented as a CSS Style. As always Dragoneer doesn't keep his words.
I'm using this template with Stylish since forever thanks for making something like this that makes browsing this site so much better.

awesome, using this forever

I love this dark Thema <3