Forum Black style (kinda)

[Skansmer]

Well i don't like the white(default and only forum style/skin) Ragezone uses now so i started some time ago to make it black/gray using

You must be registered to see links

, i know its not perfect or pretty so if u guys have something better then please do share.

Screenshots:

The Style:

Spoiler

html, html body{
background: #0a0a0a !important; color:#fff !important;
}
.editor > div, .editor > span, .editor > html{background:#fff !important; color:#fff !important;}


.notices > ol > li {border-color: #000 #000 !important;}


.announcements .announcerow, .announceinfo, .announcerow .announcement {background:#232323 !important;}


.body_wrapper{background:#232323 !important;}


.breadcrumb {background-color:#232323 !important; border-color: #000 #000 !important;}


.navbit {color:#fff !important;}


.notices {background:#232323 !important;}


.notices li {background:#232323 !important;}


.announcements {background:#232323 !important;}


.pagetitle{background:#232323 !important;}


#pagetitle h1 {color:#fff !important;}


.toolsmenu, .forumhead, .forumbit_nopost .forumhead .forumtitle {background-color:#3c3c3c !important;}


.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow , viewing {
color:#ccc !important;
background-color:#232323 !important;
border-color: #000 #000 !important;
}


.forumbits {
background-color:#000 !important;
color:#000 !important;
}


.forumbit_post {
background-color:#000 !important;
}


.threadbit .threadstatus, .threadbit .threadinfo, .threadbit .threadinfo_withnotification, .threadbit .threadstats, .threadbit .threadlastpost, .threadbit .threaddeleted, .threadbit .threadnotification, .threadbit .nothreadstatus, .threadbit .threadthread, .threadbit img.statusicon, .threadbit.dot.hot.attachments, .rating0.sticky, .title, .sticky {
color:#21A3FF !important;
background-color:#232323 !important;
border-color: #000 #000 !important;
}


h3 { color:#fff !important;}


dd.boxed { background:#232323 !important; border-color: #232323 #232323 !important;}


li.threadlisthead {background:#000 !important; border-color: #000 #000 !important;}


li.threadbit.dot.lock, .rating0.nonsticky {background:#232323 !important; border-color: #000 #000 !important;}


.threadlisthead.table, .threadtitle > a, .threadstats.td > a, .threadlastpost.td > a {background:#3c3c3c; color:#fff !important; border-color: #000 #000 !important;}


.forum_info_subblock, .forum_info_block.blockbody.formcontrols, .forum_info_form_block, .options_input_block, .forum_info_form.blockbody.formcontrols.floatcontainer { background:#232323 !important; border-color: #000 #000 !important; color:#fff !important;}


h4.forumoptiontitle.blockhead, .forum_info .blockhead { background:#3c3c3c !important; border-right: solid 2px #000 !important; }


.pagination.popupmenu.nohovermenu > span > a, .pagination > dd > span > a {background:#222 !important; border-color: #000 #000 !important;}


/* main page */


.navbar, .navtabs > ul.floatcontainer li a, .navtabs > ul.floatcontainer li a.popupctrl {background:#000; color:#CEC7C7}


.blockrow {background:#0a0a0a !important;}


.forumhead.foruminfo.L1.collapse > h2 > span {background:#3c3c3c !important;}
.forumhead.foruminfo.L1.collapse {background:#3c3c3c !important;}
.rz_global_below_navbar {background:#232323 !important;}




.section, .blockbody.formcontrols.settings_form_border, .blockrow > div, .commalist, .blockrow {background:#232323 !important; border-color: #000 #000 !important;}


.rz_global_header {
background:#0a0a0a !important;
}


div#header.floatcontainer.doc_header > div > a > img {
content:url(

You must be registered to see links

) !important;
}


div#rz_global_below_navbar {background:#232323 !important; border-color: #000 #000 !important;}


.widget_post_content {color:#fff !important;}


.meta {color:#BDBDBD !important;}


.blockbody > ul > li > h3 {background:#000 !important;}


.cp_content > div,#usercp_content .block, .blockbody.settings_form_border, .floatcontainer.blockrow.summaryinfo.userinfraction.yellowcard {color:#fff !important; border-color: #000 #000 !important; background:#000 !important;}


.blockfoot {background:#232323 !important;}


#usercp_nav hr {
background: #232323 !important;
border: 0 !important;
height: 1px !important;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important;
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important;
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important;
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)) !important;}


#usercp_nav block {background:#fff !important;}


.blockbody{ background:#000; border-color: #000 #000 !important;}


#usercp_nav .blockbody {
border: 1px solid #000 !important;
border-top: none !important;
background: #232323 none !important;
}


/* Posts */


.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
margin-left: 260px;
border-left: 1px solid #191919;
background: #232323 none;
_background-image: none;
padding-bottom: 1em;
border: #191919 !important;
}


.postbitlegacy .postdetails, .eventbit .eventdetails {
float: left;
width: 100%;
background: #191919;
}


.userinfo > div,.userinfo > span, .userinfo > a, .userinfo_extra, .postbitlegacy.postbitim.postcontainer.old {color:#fff; background:#191919; border: #191919 !important;}


.postbit, .postbitlegacy, .eventbit {
margin-bottom: 0;
display: block;
width: 100%;
clear: both;
position: relative;
float: left;
color: #000;
border: 1px solid #232323 !important;
}


.postbitlegacy .userinfo {
float: left;
position: relative;
width: 240px;
padding: 2px 10px 5px;
font-size: 12px;
display: block;
background: #191919 none;
clear: both;
}


.ext {
background:#191919;
padding: 5px 10px;
color:#888;
border: solid 1px #333;
margin-bottom: 4px;
}


#post_8404161 > div.postdetails > div.userinfo > hr {
background: #191919 !important;
border: 0 !important;
height: 1px !important;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)) !important;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)) !important;
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)) !important;
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)) !important;}


.postdetails > div {color:#888}
#pagetitle > h1 > span { font: normal normal normal 20px noto,Tahoma,Calibri,Verdana,Geneva,sans-serif}


.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
background: #0a0a0a;
border: 1px solid #000;
clear: both;
display: block;
float: left;
width: 100%;
color: #fff !important;
margin: -1px -1px 0;
font: normal 15px notobold,Tahoma,Calibri,Verdana,Geneva,sans-serif;
padding: 4px 0;
border-top: solid 1px #000;
}
.postbitlegacy .posthead .postdate,.postbitlegacy .posthead .nodecontrols a,.postbitlegacy .postrow {color:#888}


.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl {
color: #888;
}


.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {background:#0a0a0a}


.bbcode_container div.bbcode_quote {background:#1D1D1D; border: 1px solid #000;}


.bbcode_postedby {color:#888}


.thanks_highlight_Silver, .thanks_highlight_Silver span a, .thanks_highlight_Silver span {background-color:#0a0a0a !important; color:#888 !important;}


.thread_info h4 { background-color:#0a0a0a !important;}
#thread_onlineusers, .inner_block p {color:#888; background:#232323}


#cke_contents_vB_Editor_QR_editor {background:#fff !important; color:#fff !important;}


blockquote.preview .bbcode_container div.bbcode_quote {background:#181818 !important; border-color:#0a0a0a #0a0a0a !important;}


.editor > div, .editor > span, .editor > html {
background: #151515 !important;
color: #fff !important;
}


.textbox, div.fullform, ul#report_reasons, label {background:#202020 !important; color:white !important;}
label {background:#383838 !important;}


#report_reasons li {border: 1px solid #000 !important;}


blockquote.preview .bbcode_container pre.bbcode_code {background:#151515 none repeat-x !important; color:rgb(0,255,0) !important;}


.toplinks .nonotifications a.popupctrl {background:#555 !important;}


#reports_table .alt2 {background:#1c1c1c}
tr.columnsort, th.blocksubhead {background:#333 !important; color:white !important;}


div.reportblock, div.report-note {background:#181818 !important;}


div#rz_global_below_navbar {border:0px solid #000 !important; box-shadow: 0px 0px 0px 1px rgb(10,10,10) !important;}
h2.blockhead, h2.blockhead > span {background:#181818; color:#3980B4 !important;}
div#sponsor.formcontrols.block.collapse {
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
.notices li {color:white !important;}
li#navbar_notice_96.restore {border:0px solid #000 !important; box-shadow: 0px 0px 0px 1px rgb(10, 10, 10) !important; color:#fff !important; background-color:#e6e6e6 !important;}


.navbar_advanced_search li a {color:#FFC917 !important;}

 

[Luxray]

Considering this style was specially made, I don't think it'll be accepted that easily.

 

[Unphased]

...I like it. I don't want to like it but I do!

 

[Savage]

Always want a dark theme but they never come through.

 

[Mucski]

Always want a dark theme but they never come through.

They cost money. Provide it and it can be done.

 

[Savage]

They cost money. Provide it and it can be done.

Of course they cost money, but so do the light ones.

 

[Mucski]

Of course they cost money, but so do the light ones.

Light ones are always first because MentaL doesn't like dark ones.Dark ones ... he always added them for us. And only us.

 

[Savage]

Light ones are always first because MentaL doesn't like dark ones.Dark ones ... he always added them for us. And only us.

Yeah, I know... still doesn't change the fact that I always hope for one... and what? I don't understand the last part. Also instead of spending $1k on one single [bright, flashy] theme, that could easily be split between two themes: one light and one dark. Plenty of other places do it.

 

[NoBrain]

In terms of cost it shouldn't be as expensive to the point of how much this light skin cost since the actual code is already there and only values need changing plus some images. I would love to see a dark version of this theme however.

 

[Monolith]

As many coders as we have on here...we can't get this done for free? You know...for the community

 

[MentaL]

I got no issues with CSS modification extensions and plugins

 

[Robert]

Yeah, I know... still doesn't change the fact that I always hope for one... and what? I don't understand the last part. Also instead of spending $1k on one single [bright, flashy] theme, that could easily be split between two themes: one light and one dark. Plenty of other places do it.

Dan doesn't like dark themes. Why would he spend money on something he doesn't like when he can spend twice as much on something he does?

It would be like someone looking to buy a new car, then you trying to get them to buy a cheaper one, so they can buy you one too. The world simply doesn't work like that.

Also he doesn't like getting free ones made anymore because of how many times people have promised him stuff and failed to deliver, or not been up to his quality standards. It tends to be better to offer one good product instead of two substandard products, he has a brand to think of!

 

[Savage]

Dan doesn't like dark themes. Why would he spend money on something he doesn't like when he can spend twice as much on something he does?

It would be like someone looking to buy a new car, then you trying to get them to buy a cheaper one, so they can buy you one too. The world simply doesn't work like that.

Also he doesn't like getting free ones made anymore because of how many times people have promised him stuff and failed to deliver, or not been up to his quality standards. It tends to be better to offer one good product instead of two substandard products, he has a brand to think of!

Except it wouldn't really be like that, because 360,000 people wouldn't be driving that car.

​

As for the free themes, I know, and agree that we shouldn't use free ones. 1.) because we should separate ourselves and 2.) because like you said, it's been promised and has failed multiple times.

 

[MentaL]

Any vB theme developers want to work on the darker theme for me are welcome to, just pm me. But I cannot pay.

1) I'm skint
2) I'm skint
3) I'm skint.

thanks

 

[Wreckless]

Any vB theme developers want to work on the darker theme for me are welcome to, just pm me. But I cannot pay.

1) I'm skint
2) I'm skint
3) I'm skint.

thanks

Should not be hard at all for a vB designer, honestly. It should really be the same exact theme with color changes.

 

[Savage]

RZ's one true theme. How do we get it back? Can we have a 'retro rz' look for old/ranked users?

 

[Ervs]

Looks pretty fine tho black is commonly used among all other forums and webpages.

 

[Savage]

View attachment 154244

RZ's one true theme. How do we get it back? Can we have a 'retro rz' look for old/ranked users?

MentaL maybe you missed this... Let's make it happen

 

[NoBrain]

View attachment 154244

RZ's one true theme. How do we get it back? Can we have a 'retro rz' look for old/ranked users?

I quite like that theme, surprisingly.

 

[Savage]

I quite like that theme, surprisingly.

Was the best. I miss everything being aligned to the left, small fonts, and the minimal colors.