New OCUK Dark theme out now, get it while it's hot!

[wiiija]

For those that don't auto update, you should update, I've fixed a few more bits https://userstyles.org/styles/138897/ocuk-forum-xen-wip

 

[reilly]

Thank you, working well as far as I can tell

 

[V_R]

Nice one @wiiija

 

[WithMyApologies]

Nice one! Man that was sore on the eyes when I first loaded up the site

 

[wiiija]

Cheers, hope its helping some of you out, I think it's fairly close to all themed now.

 

[V_R]

Yep its looking good.

A couple of bits I've noticed that are still blue - bits of the profile page and the bar at the top of the 'new posts' page, and if you expand the smiles in the reply box there is a blue line above them, but thats hardly a major issue.

 

[wiiija]

Profile page should be fixed, just on that blue bar at the moment, cheers.

 

[Trusty]

Cheers buddy, the dark theme is so much better.

 

[Nexus18]

Hopefully wiiija doesn't mind me using his theme as a template...

Personally I can't get on with the light grey theme so I'm tweaking his theme to be more like the old "dark" theme of skyfalls.

Very much a WIP (I really have not got a clue what I am doing ) and I'll probably leave it as it is for now until both OCUK and wiiija more or less finish everything on their side:

Spoiler

html {
background-color: #23282b !important;
}
/*[Adjust width below to preferred size]*/

body {
color: #aaa;
/*max-width: 1400px !important;*/
min-height: 100% !important;
background-color: #000000 !important;
margin-top: 0!important;
margin-bottom: 0!important;
margin-left: auto!important;
margin-right: auto!important;
padding: 0px!important;
border-left: 2px;
border-right: 2px;
border-bottom: 0px;
border-top: 0px;
border-style: solid;
border-color: #282e31;
}
body .muted, body a.muted, body .muted a {
color: #aaa;
}
#DiscussionListOptionsHandle a {
background-color: rgb(35, 41, 45);
border: none;
}
.blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label {
text-decoration: none;
background-color: #23282b;
}
.PageNav a:hover, .PageNav a:focus, .PageNav a.currentPage {
background-color: #222222 !important;
border-color: transparent;
color: rgb(255, 204, 0) !important;
}
.discussionList .sectionHeaders a span:hover {
background-color: #222222 !important;
}
.Menu .sectionFooter {
background-color: #222222;
}
.heading, .xenForm .formHeader {
background-color: #222222;
border-bottom: 1px solid #2e3539;
}
.subHeading {
background-color: #222222;
border-top: 1px solid #2e3539;
border-bottom: 1px solid #aaa;
}
.xenForm {
border: 1px solid #222222 !important;
}
.xenForm fieldset, .xenForm .formGroup {
border-top: 1px solid #222222;
}
.quickReply.message .messageUserInfo {
box-shadow: none;
background-color: #222222;
}
.hasJs .bbCodeSpoilerText {
background-color: #222222;
border: none;
}
.sharePage {
display: none;
}
.tagList .tag {
background: #222222 !important;
border: none;
}
.tagList .tag .arrow, .tagList .tag::after {
display: none !important;
}
.Menu {
font-size: 11px;
border: 1px solid rgb(255, 255, 255);
border-top: 1px solid #fff;
box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
}
.Menu .primaryContent {
background-color: #222222;
}
.Menu .secondaryContent {
background-color: #222222;
}
i.fa.fa-facebook-square {
display: none;
}
#Offer img {
display: none !important;
}
.messageUserBlock .extraUserInfo {
background-color: #222222;
}
.userBanner {
font-size: 11px;
background-color: #222222 !important;
}
.bbCodeBlock pre, .bbCodeBlock .code {
background-color: #333333;
}
.bbCodeBlock .type {
background-color: #333333;
border-bottom: 1px solid #373f44;
}
.publicControls a {
background-color: #333333;
border: none;
border-bottom: 1px solid #373f44;
}
.privateControls a {
background-color: #333333;
border: none;
border-bottom: 1px solid #373f44;
}
.bbCodeQuote .quoteContainer {
background-color: #333333;
border: none;
}
.bbCodeQuote .attribution {
color: rgb(255, 255, 255);
background-color: #222222;
border: none;
border-bottom: 0px solid rgb(255, 255, 255);
}
.bbCodeBlock {
border: 1px solid #373F44;
}
img[src$="styles/default/xenforo/vbSmilies/used/header.jpeg"] {
background: url(https://dl.dropboxusercontent.com/u/77562413/ocukdusk/overclockers.png) no-repeat !important;
opacity: 0.7 !important;
width: 0;
height: 0;
overflow: hidden;
padding: 90px 250px 20px 100px;
margin-top: 30px;
margin-left: 30px;
float: left;
}
.primaryContent {
background-color: #222222;
}
.messageList .message {
background-color: #222222;
border: 1px solid #434d53;
}
.postDate {
background-color: #222222;
border-left: 1px solid #434d53;
border-right: 1px solid #434d53;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.PageNav a {
background-color: #222222;
border: 1px solid #23282b;
}
.nodeList .categoryStrip {
background-color: #23282b;
border-top: none;
border-bottom: none;
}
.node .nodeDescription {
font-size: 10px;
font-family: verdana;
}
.node .nodeLastPost {
background-color: #2e3539;
border: none;
}
.discussionListItem .posterAvatar, .discussionListItem .stats {
background-color: #222222;
}
.secondaryContent {
background-color: #222222;
border-bottom: none;
}
.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
border-bottom: none !important;
}
.threadListItem {
border-top: 1px solid #222222 !important;
}
.profilePostListItem {
border-top: 1px solid #222222;
}
.footer .pageContent {
background-color: #222222;
}
.navTabs {
font-size: 11px;
background-color: #222222;
border: none;
border-bottom: none;
}
.navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected .navLink {
background: #222222;
border: none !important;
margin-top: 0px !important;
}
.navTabs .navTab.selected .tabLinks a {
text-shadow: none;
}
.navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus {
color: rgb(255, 204, 0);
background-color: transparent;
border: none;
text-shadow: none;
}
.discussionListItem {
background-color: #222222;
border-bottom: 1px solid #373f44;
border-top: 1px solid #373f44 !important;
}
.redactor_toolbar {
font-size: 0;
background-color: #222222 !important;
border-bottom: none;
}
.quickReply {
padding-top: 10px;
padding-bottom: 30px;
border-top: 1px solid #aaa;
}
.discussionListItem .stats dl {
border-left: none;
border-right: none;
}
a.callToAction span {
color: rgb(255, 255, 255);
background: #a95e14;
}
a.callToAction span:hover {
color: rgb(255, 255, 255);
background: #a95e14;
opacity: 0.7 !important;
}
a.callToAction {
background: #a95e14;
border: 1px solid rgb(255, 255, 255);
box-shadow: none;
}
.message .newIndicator, .onlineIndicator {
display: none !important;
}
.messageUserInfo {
border: none !important;
box-shadow: none !important;
}
.messageInfo.primaryContent {
border-top: 1px solid #434d53;
border-right: 1px solid #434d53;
border-left: 1px solid #434d53;
border-bottom: 1px solid #434d53 !important;
}
a.callToAction:hover {
background: #a95e14;
border: 1px solid rgb(255, 255, 255);
box-shadow: none;
opacity: 0.7 !important;
}
body .itemPageNav a:hover {
background-color: #434d53 !important;
border-color: transparent;
color: rgb(255, 204, 0) !important;
}
body .itemPageNav a {
background: #434d53;
border: 1px solid #23282b;
}
.sectionFooter {
background-color: #2e3539;
border-bottom: none;
}
.textHeading, .xenForm .sectionHeader {
border-top: 1px solid #aaa;
}
.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
background-color: #434d53;
border-bottom: 1px solid #373f44;
}
.sectionMain {
background-color: #434d53;
border: none;
}
.messageList .newMessagesNotice {
border: 1px solid #434d53;
background: #23282b;
font-size: 11px;
}
#QuickSearch, .formPopup {
background-color: #373f44;
}
.discussionList .sectionHeaders {
color: rgb(255, 255, 255);
background-color: #222222;
border-top: none;
border-bottom: none;
}
.breadcrumb .crust:hover .arrow span {
border: 12px solid transparent;
border-right: 1px none black;
border-left-color: #2e3539;
-moz-border-right-colors: #2e3539;
}
.breadcrumb .crust .arrow span {
border: 12px solid transparent;
border-right: 1px none black;
border-left-color: #23282b;
-moz-border-right-colors: #23282b;
}
.breadcrumb .crust a.crumb {
background-color: #23282b;
}
.breadcrumb .crust:hover a.crumb {
background-color: #2e3539;
}
.breadcrumb {
font-size: 11px;
background-color: #23282b;
border: none;
}
#content .pageContent {
background-color: #222222;
}

 

[wiiija]

I don't mind at all, I think mine is nearing completion, just need to hope none of OcUK's fixes break it too much, I'll be maintaining it anyway so it stays up to date.

 

[Mynight]

Really wish iOS wasn't so locked down sometimes would love to have this style on mobile .

 

[Cromulent]

This style looks great . Thanks for making it. I'll use it as the default style from now on.

 

[MooMoo444]

Dark theme looking good

Anyone able to help me identify this annoying blue block, with my username? I want to remove it, but can't find the identifier.

 

[varkanoid]

For those that don't auto update, you should update, I've fixed a few more bits https://userstyles.org/styles/138897/ocuk-forum-xen-wip

never knew this existed ! Excellent. The new forum makes my eyes go funny. How do I enable auto update ? (also dont like the grey text so changed it to #eee

Is it possible to show when a user is online ?

Excellent work !

This thread seems to have disappeared off the GD forum listing ?

 

[ivrytwr3]

Excellent work - really like it.

 

[Broken Hope]

Also wanting the online notifications back on the dark theme.

 

[Oxide™]

is there a light theme which is more work friendly please?

 

[wiiija]

Hi guys, I'll add the online bit back once I get home no problem

 

[Broken Hope]

You definitely win the c00kies today.

For anyone else interested in order to change the main post background colour; alter line 115.

background-color: Black;

This helps my eyes with the text.

Thanks, Paul.

I can't seem to find which line you're on about since the theme has been updated since then, could you post the whole code block that needs changing?

Thanks

 

[MooMoo444]

Also wanting the online notifications back on the dark theme.

Edit the theme and look for ", .onlineIndicator" without the "

Delete it, save.