Is there a theme change option for AO forums?

[bianpaul]

For me, reading white text on a dark background make my eyes tired really fast, and it can stay blurry for hours. I experience this while reading the AO forums and for certain things (like the wonderfully written fiction in certain sections of the forums), I've had to resort to copy and pasting the text into wordpad.
However, I do experience this just reading through threads as well.

I've taken a quick look in the options and was not able to find anything. Does anyone have any ideas?

[Doctorhyde]

If you use Firefox you can use the "Stylish" extension and write your own styles. I used it to make it more workplace-friendly (ie, it looks like a plain white back with grey text ... which looks more like a data tool

You do have to memorize which of the ".." links mean "quote" / "reply" / etc ... but I find it very usable otherwise. I'll post my Stylish config for the forums here. Its a hodgepodge of other Stylish chunks I found for Vbulletin along with some custom hacks to replace the colors with white/grey.

It hides signatures except when you click on the specific post with the signature, hides user statistics and avatars. I also told Firefox to disable images on this site.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forums.anarchy-online.com") {
  body, .vBulletin_editor, .imagebutton, .panel, .page, table, td, th, p, li, .tborder, .tcat, .thead, .tfoot, .alt1, .alt2, .vbmenu_control { 
    background: #FFFFFF !important;
    color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
    border: 0px none !important;
  }
  body a:link, body a:visited, .vbmenu_control a:link, .vbmenu_control a:visited {
    color: #666666 !important;
    position: relative;
    padding: 2px;
    background: #F0F0F0;
    border-bottom: dotted 1px black !important;
  }
  body a:hover, .vbmenu_control a:hover {
    color: #666666 !important;
    text-decoration: underline !important;
    position: relative;
    padding: 2px;
    background: #F0F0F0;
  }
  .smallfont, .navbar{
    color: #FFFFFF !important;
    background: #FFFFFF !important;
  }
}

/* vBulletin: hide sigs till you click in post
http://userstyles.org/styles/3213
*/
#posts .page div:not([id])>[id^="post"]>.alt2[style]:not([id])>div+hr+div+div:not([class^="small"]),
#posts .page div:not([id])>[id^="post"]>.alt2[style]:not([id])>div:first-child+div:not([class^="small"]),
.page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt1>div+div:not([class^="small"]),
#posts .page div:not([id])>table>tbody>tr+tr[valign]>.alt1>.smallfont+hr[style]+div+div:not([class^="small"]):last-child,
#posts .page [id^="edit"]>[id^="post"]>tbody>tr+tr[valign]+tr[valign]>[id^="td_post_"].alt1>div:not([class^="small"]),
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]>[id^="post_message_"]+center+div:not([class^="small"]),
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]>[id^="post_message_"]+div[style="padding: 6px;"]+div:not([class^="small"]),
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]>[id^="post_message_"]+div[style="padding: 5px; float: left;"]+div:not([class^="small"]),
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]>[id^="post_message_"]+div:not([style="padding: 6px;"]):not([class^="small"])
{display:none!important}
#posts .page div:not([id])>[id^="post"]>.alt2[style]:not([id]):active>div+hr+div+div:not([class^="small"]),
#posts .page div:not([id])>[id^="post"]>.alt2[style]:not([id]):active>div:first-child+div:not([class^="small"]),
.page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt1:active>div+div:not([class]),
#posts .page div:not([id])>table>tbody>tr+tr[valign]>.alt1:active>.smallfont+hr[style]+div+div:last-child,
#posts .page [id^="edit"]>[id^="post"]:active>tbody>tr+tr[valign]+tr[valign]>[id^="td_post_"].alt1>div,
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]:active>[id^="post_message_"]+center+div,
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]:active>[id^="post_message_"]+div[style="padding: 6px;"]+div,
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]:active>[id^="post_message_"]+div[style="padding: 5px; float: left;"]+div,
#posts [id^="edit"]>[id^="post"] [id^="td_post_"]:active>[id^="post_message_"]+div:not([style="padding: 6px;"])
{display:block!important}

/* 
Hide Forum User Details till hover
http://userstyles.org/styles/3190
*/
/*
added (tested on version #) where known (i didnt look too hard)
if theres just a # that means its for a different version but i dont know which
*/
/*mozine beta forums*/
[id^="p"][class~="post"][class*="bg"]>.inner>.postprofile>dd+dd{display:none!important}
[id^="p"][class~="post"][class*="bg"]>.inner>.postprofile:hover>dd+dd{display:block!important}
/*InvisionBoard (2.3.1)*/
#ipbwrapper .ipbtable>tbody>tr>td[class^="post"]:not([id])>.postdetails{display:none!important}
#ipbwrapper .ipbtable>tbody>tr>td[class^="post"]:hover:not([id])>.postdetails{display:inline!important}
/*InvisionBoard 2*/
table>tbody>.post2>td:not([id]) *,table>tbody>.post1>td:not([id]) *{display:none!important}
table>tbody>.post2>td:not([id]):hover *,table>tbody>.post1>td:not([id]):hover *{display:block!important}
table>tbody>.post1>td:not([id]),table>tbody>.post2>td:not([id]){min-height:1em!important;width:160px!important;display:block!important}
/*phpBB (2.0)*/
table.forumline td[width="150"][valign="top"][align="left"][class^="row"][width="150"]>*:not(.name),
table.forumline td[width="150"][valign="top"][align="left"][class^="row"]>div[style="overflow: hidden; width: 120px;"]>*:not(.name),
.forumline>tbody>tr>td[class^="row"][align="left"][width]:not([valign]):not(.rowt1)>*:not(.name){display:none!important}
table.forumline td[width="150"][valign="top"][align="left"][class^="row"][width="150"]:hover>*:not(.name),
table.forumline td[width="150"][valign="top"][align="left"][class^="row"]:hover>div[style="overflow: hidden; width: 120px;"]>*:not(.name),
.forumline>tbody>tr>td[class^="row"][align="left"][width]:hover>*:not(.name){display:inline!important}
/*MercuryBoard (1.1.4)*/
form[method="post"]>.stand>tbody>tr>td[class^="table"]>table>tbody>tr:first-child>td>*:not(b){display:none!important}
form[method="post"]>.stand>tbody>tr>td[class^="table"]>table>tbody>tr:first-child>td:hover>*:not(b){display:inherit!important}
/*Jive Forums*/
.jive-table td.jive-first td>.posterStats,.jive-table td.jive-first td>.jive-description{display:none!important}
.jive-table td.jive-first:hover td>.posterStats,.jive-table td.jive-first:hover td>.jive-description{display:inherit!important}
/*vBulletin horizontal (3.*)*/
#posts [id^="edit"]>[id^="post"] tr+tr[valign]>.alt2[width]>*:not(:first-child):not([id^=postmenu]),
.page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id])>*:not([id^=postmenu]),
.page>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id])>*:not([id^=postmenu]),
#posts .page div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id])>*:not([id^=postmenu]),
#posts .page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id])>*:not([id^=postmenu]),
#posts .page [id^="edit"]>[id^="post"] tr+tr[valign]>.userinfo_bg:not([id])>*:not(:first-child):not([id^=postmenu]),
#posts .page [id^="edit"]>[id^="post"] tr+tr[valign]>[class^="alt2"]:not([id]) *:not(:first-child):not([id^=postmenu]):not(.bigusername)
{display:none!important}
#posts [id^="edit"]>[id^="post"] tr+tr[valign]>.alt2[width]:hover>*:not(:first-child):not([id^=postmenu]),
.page>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id]):hover>*:not([id^=postmenu]),
.page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id]):hover>*:not([id^=postmenu]),
#posts .page div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id]):hover>*:not([id^=postmenu]),
#posts .page>div:not([id])>div:not([id])>table>tbody>tr+tr[valign]>.alt2[width]:not([id]):hover>*:not([id^=postmenu]),
#posts .page [id^="edit"]>[id^="post"] tr+tr[valign]>.userinfo_bg:not([id]):hover>*:not(:first-child):not([id^=postmenu]),
#posts .page [id^="edit"]>[id^="post"] tr+tr[valign]>[class^="alt2"]:not([id]):hover *:not(:first-child):not([id^=postmenu]):not(script)
{display:inherit!important}
/*vBulletin vertical (3.*)*/
#posts .page div:not([id])>[id^="post"]>.alt1[style]:not([id])>table>tbody>tr>td:not([style$="nowrap;"]),
#posts .page div:not([id])>[id^="post"]>.alt1[style]:not([id])>table>tbody>tr>td[style$="nowrap;"]>*:not([id^=postmenu]),
#posts div:not([id])>[id^="post"] tr:first-child+tr>.alt2:not([id])>table>tbody>tr>td>.smallfont,
#posts div:not([id])>[id^="post"] tr:first-child+tr>.alt2:not([id])>table>tbody>tr>td:not([nowrap]),
#posts [id^="edit"]>[id^="post"] tr+tr[valign] .alt2:not([id])>* .smallfont,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id]) [class^="alt2"]:not([id]):first-child,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id])>table>tbody>tr>td[valign="top"],
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id])>table>tbody>tr>td[nowrap]>.smallfont,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id])>table>tbody>tr>td:not([nowrap])
{display:none!important}
#posts .page div:not([id])>[id^="post"]>.alt1[style]:not([id]):active>table>tbody>tr>td:not([style$="nowrap;"]),
#posts .page div:not([id])>[id^="post"]>.alt1[style]:not([id]):active>table>tbody>tr>td[style$="nowrap;"]>*:not([id^=postmenu]),
#posts div:not([id])>[id^="post"] tr:first-child+tr>.alt2:not([id]):active>table>tbody>tr>td>.smallfont,
#posts div:not([id])>[id^="post"] tr:first-child+tr>.alt2:not([id]):active>table>tbody>tr>td:not([nowrap]),
#posts [id^="edit"]>[id^="post"] tr+tr[valign] .alt2:not([id]):active>* .smallfont,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id]):active [class^="alt2"]:not([id]):first-child,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id]):active>table>tbody>tr>td[valign="top"],
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id]):active>table>tbody>tr>td[nowrap]>.smallfont,
#posts [id^="edit"]>[id^="post"] [class^="alt2"]:not([id]):active >table>tbody>tr>td:not([nowrap])
{display:table-cell!important}
/*YaBB (1 Gold)*/
yabb+table table.bordercolor [class^="windowbg"] [class^="windowbg"] [class^="windowbg"]>font[size="1"]>*:not([href^="h"]){display:none!important}
yabb+table table.bordercolor [class^="windowbg"] [class^="windowbg"] [class^="windowbg"]:hover>font[size="1"]>*:not([href^="h"]){display:inherit!important}
/*YaBB (2.1)*/
form[action*="YaBB.pl"] table.bordercolor [class^="windowbg"]:first-child>*:not(a){display:none!important}
form[action*="YaBB.pl"] table.bordercolor [class^="windowbg"]:first-child:hover>*:not(a){display:inherit!important}
/*PunBB*/
#punwrap>.pun>.blockpost .postleft>dl>*:not(dt){display:none!important}
#punwrap>.pun>.blockpost .postleft:hover>dl>*:not(dt){display:inherit!important}
/*FuseTalk*/
#Forums.Box .MessageTable>tbody>tr>.MessageTable_LeftCell>div>*:not(strong){display:none!important}
#Forums.Box .MessageTable>tbody>tr>.MessageTable_LeftCell:hover>div>*:not(strong){display:inline!important}
/*FuseTalk 2*/
table.messageview>tbody>tr[id][class^="o"]>td:first-child{width:10em!important;display:block!important}
table.messageview>tbody>tr[id][class^="o"]>td:first-child>*:not(h4){display:none!important}
table.messageview>tbody>tr[id][class^="o"]>td:first-child:hover>*:not(h4){display:inherit!important}
/*FuseTalk (3.1)*/
div.message[id^="message"]>.messageContainer>.userDetailsContainer{min-height:1em!important}
div.message[id^="message"]>.messageContainer>.userDetailsContainer>.userDetails{display:none!important}
div.message[id^="message"]>.messageContainer>.userDetailsContainer:hover>.userDetails{display:inherit!important}
/*unknown forum software*/
table.bbstable>tbody>tr>td.messagemiddle[height]{height:auto!important}
table.bbstable>tbody>tr>td.messagemiddle[height]>span.smalltext{display:none!important}
table.bbstable>tbody>tr>td.messagemiddle[height]:hover>span.smalltext{display:inherit!important}
/*unknown forum 2*/
#forum_mini_header+table>tbody>tr>.comment .user>tbody>tr{display:none!important}
#forum_mini_header+table>tbody>tr>.comment .user>tbody>tr:first-child+tr,#forum_mini_header+table>tbody>tr>.comment>table>tbody>tr>td:hover>.user>tbody>tr{display:inherit!important}

[bianpaul]

Heh, you seem to have all the answers :P
Thanks a lot, that worked great. Opera user myself, but it seems firefox has its perks

[Icoyce]

You don't have to switch to Firefox!

Under view->style there are several display choices, among them two High Contrast options. One of them turns the forum into white background, black text. Play aroudmd with the settings and I'm sure you'll find something that will work for you.

[bianpaul]

wow, that actually worked better :P thanks
still it was cool learning about firefox extensions.
go opera :P