Darker FA Theme
13 years ago
Want a darker FA Theme? Want it to look really nice?
Do you want it to look like this? http://dl.dropbox.com/u/34243129/DarkThemeFA.png
Here. I'll make it easy for you.
Though it looks like
dragoneer is going to make this a main theme for FA soon. Awesome~
If you have any questions or get confused, I can try to walk you through it.
http://www.furaffinity.net/view/8047410/ by
ChaZcaTriX with minor help from myself (
trauron) and
unfiltered (See below for unfiltered's contribution)
Got to the description here and grab the pastebin link if you're on chrome. If you're using firefox, use this one - http://pastebin.com/tdZriA8m (edited from chazcatrix's CSS by
sovy )
If you don't have stylish for firefox or chrome, get it here for Chrome https://chrome.google.com/webstore/.....fgmeleoegfcffe
and here for Firefox
https://addons.mozilla.org/en-US/fi.....addon/stylish/
Opera
Click the button at the top right and click manage installed styles, then click write new style on the left.
Paste everything from the pastebin into the box, and click the button labeled Specify below the box, and switch it to "URLs on this domain", then type in www.furaffinity.net
Firefox
Go to your stylish button in the corner and go Write new style> Write Blank Style. Then copy and paste everything and click save.
Would you like your bar at the top to follow you as you scroll?
http://userstyles.org/styles/66167/furaffinity-new-top-menu-tweaks?r=1337901816 by
unfiltered
Download this, and it should work immediately, if it doesn't, click the stylish button and change it to "URLs in this domain" with furaffinity.net in the text box.
If you're using firefox, copy and paste this instead- http://pastebin.com/N1davtBP for this addition
If you'd just like to copy my set up (For use in chrome)
http://pastebin.com/6AVcsE1c
(For Use in Firefox)
http://pastebin.com/GRsXSt3L
If not, read further to edit what you would like on the theme.
Would you like to change the color scheme of the comment box used to type journals and comments?
.textarea, .textbox {
background-color: #202224!important;
color: #DDDDDD !important;
}
Just copy and paste this into the main skin theme under a } mark from another entry, and you'll see the results right away.
Edit: Please use this fix immediately, just paste it in like the above entry
div#messagecenter-other ul.message-stream li.checked{
background-color: rgba(136, 136, 136, 0.5) !important;
}
div#messagecenter-other ul.message-stream li.hover{
background-color: rgba(136, 136, 136, 0.5) !important;
}
Here is how to fix the Notes page:
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 go to the entry:
.cat,.lead,.tab a, .tab u {
border: none;
}
and change it to
.lead,.tab a, .tab u {
border: none;
}
.cat {
border: 1px solid #444444;
}
If you would like to have rounded submissions boxes instead of the hard edges, remove this entry.
center.flow img, center.flow.messagecenter b, center.flow s > a{
border-radius: 0;
}
To change the background color of checked submissions. Toss this in as well
center.flow.messagecenter b.checked {
background-color:
#202224 !important;
}
To fix the pop-ups when you click the corner of a submission, paste this.
#description_popup {
background-color: #202224 !important;
border: 1px solid #444444 !important;
Fix the hover text of the top of user pages
.tab a:hover {
color:
#202224;
text-decoration: none;
}
To change viewed link colors
.alt1 a:visited {
color:
#818181;
}
div#messagecenter-other a:visited {
color: #909090;
}
.auto_link:visited {
color:
#818181;
}
Do you want it to look like this? http://dl.dropbox.com/u/34243129/DarkThemeFA.png
Here. I'll make it easy for you.
Though it looks like
dragoneer is going to make this a main theme for FA soon. Awesome~If you have any questions or get confused, I can try to walk you through it.
Setting Uphttp://www.furaffinity.net/view/8047410/ by
ChaZcaTriX with minor help from myself (
trauron) and
unfiltered (See below for unfiltered's contribution)Got to the description here and grab the pastebin link if you're on chrome. If you're using firefox, use this one - http://pastebin.com/tdZriA8m (edited from chazcatrix's CSS by
sovy )If you don't have stylish for firefox or chrome, get it here for Chrome https://chrome.google.com/webstore/.....fgmeleoegfcffe
and here for Firefox
https://addons.mozilla.org/en-US/fi.....addon/stylish/
Opera
Click the button at the top right and click manage installed styles, then click write new style on the left.
Paste everything from the pastebin into the box, and click the button labeled Specify below the box, and switch it to "URLs on this domain", then type in www.furaffinity.net
Firefox
Go to your stylish button in the corner and go Write new style> Write Blank Style. Then copy and paste everything and click save.
Would you like your bar at the top to follow you as you scroll?
http://userstyles.org/styles/66167/furaffinity-new-top-menu-tweaks?r=1337901816 by
unfilteredDownload this, and it should work immediately, if it doesn't, click the stylish button and change it to "URLs in this domain" with furaffinity.net in the text box.
If you're using firefox, copy and paste this instead- http://pastebin.com/N1davtBP for this addition
Extra nice stuffIf you'd just like to copy my set up (For use in chrome)
http://pastebin.com/6AVcsE1c
(For Use in Firefox)
http://pastebin.com/GRsXSt3L
If not, read further to edit what you would like on the theme.
Would you like to change the color scheme of the comment box used to type journals and comments?
.textarea, .textbox {
background-color: #202224!important;
color: #DDDDDD !important;
}
Just copy and paste this into the main skin theme under a } mark from another entry, and you'll see the results right away.
Edit: Please use this fix immediately, just paste it in like the above entry
div#messagecenter-other ul.message-stream li.checked{
background-color: rgba(136, 136, 136, 0.5) !important;
}
div#messagecenter-other ul.message-stream li.hover{
background-color: rgba(136, 136, 136, 0.5) !important;
}
Here is how to fix the Notes page:
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 go to the entry:
.cat,.lead,.tab a, .tab u {
border: none;
}
and change it to
.lead,.tab a, .tab u {
border: none;
}
.cat {
border: 1px solid #444444;
}
If you would like to have rounded submissions boxes instead of the hard edges, remove this entry.
center.flow img, center.flow.messagecenter b, center.flow s > a{
border-radius: 0;
}
To change the background color of checked submissions. Toss this in as well
center.flow.messagecenter b.checked {
background-color:
#202224 !important;
}
To fix the pop-ups when you click the corner of a submission, paste this.
#description_popup {
background-color: #202224 !important;
border: 1px solid #444444 !important;
Fix the hover text of the top of user pages
.tab a:hover {
color:
#202224;
text-decoration: none;
}
To change viewed link colors
.alt1 a:visited {
color:
#818181;
}
div#messagecenter-other a:visited {
color: #909090;
}
.auto_link:visited {
color:
#818181;
}
FA+

I'm still trying to find things to fix myself, as there are still a few things that aren't coloring properly, such as the background of checked submissions. I just fixed the highlighting of journals/comments/etc. The other things I know that are broken is the table for notes, it still has the blue color to it from the default blue theme.
To see this theme everyday is going to kick ass.
Thinking about that it might be useless if this is going to be an optional theme or not..
This was more of a I want this, so from trial and error I made it work~
Thanks Trauron.