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

Status
Not open for further replies.
To be fair, these themes are much quicker for users to be able to change either to their own taste or to tweak as time goes by. Whereas if it were a pre-configured theme it's extra work for OcUK to maintain.


I'm going to keep using the dark theme by @wiiija but plan to release another theme that will override some of the default (like font size, and some of the spacing) based on my own preference that should work well alongside it.
 
Last edited:
After mulling it over lunch, I think I might have a crack at a "Material" inspired theme, but still dark. Hopefully @wiiija doesn't mind if I borrow some of the CSS to use as a template? :)
 
@wiiija - couple of tweaks you might want to add:

Code: 
/*Remove underlines on titles */
.title a, .title, .username, .nodeTitle{
    text-decoration: none !important;
}

/*fix colours for tooltips on hover in top level of forum*/
.xenTooltip{
    background-color: #23282b !important;
}

.nodeDescriptionTip .arrow{
    border-right-color: #23282b !important;
}


/* Clean up the tooltips on hover in subforum*/
.xenPreviewTooltip{
    border: 0px !important;
}

.previewTooltip .posterDate {
    border-top-color: #23282b !important
}

.xenPreviewTooltip .arrow span {
    border-top-color: #373f44 !important;
}

.primaryContent {
    border-bottom: 0px;
}

/*Hover effect for editor icons*/
.redactor_toolbar li a:hover {
    background-color: #EEE;
}
 
RoyMi6 said:
@wiiija - couple of tweaks you might want to add:

Code: 
/*Remove underlines on titles */
.title a, .title, .username, .nodeTitle{
    text-decoration: none !important;
}

/*fix colours for tooltips on hover in top level of forum*/
.xenTooltip{
    background-color: #23282b !important;
}

.nodeDescriptionTip .arrow{
    border-right-color: #23282b !important;
}


/* Clean up the tooltips on hover in subforum*/
.xenPreviewTooltip{
    border: 0px !important;
}

.previewTooltip .posterDate {
    border-top-color: #23282b !important
}

.xenPreviewTooltip .arrow span {
    border-top-color: #373f44 !important;
}

.primaryContent {
    border-bottom: 0px;
}

/*Hover effect for editor icons*/
.redactor_toolbar li a:hover {
    background-color: #EEE;
}
Click to expand...

Yes please add these, fixes the tooltips which I noticed were still blue.
 
Noticed on locked threads there is still some of the blue theme showing.

ZOpdKVs.png
 
The following tidys up the profile pages:

Code: 
/*profile page tabs*/
.profilePage .tabs.mainTabs{
    background-color: #2e3539 !important;
}

.profilePage .tabs.mainTabs li.active a {
    background-color: #373f44 !important;
}

.profilePage .tabs.mainTabs li a:hover {
    background-color: #495358 !important;
}

.textWithCount.subHeading .count {
    border: 1px solid #ffffff !important;
    background-color: #373f44 !important;
}

.userInformation {
    background: #2e3539 !important;
}

.profilePage .primaryUserBlock .lastActivity {
    border-top-color:  #373f44 !important;
}

.profilePage .mast .section.infoBlock {
    border: 0px !important;
}

.profilePage .primaryUserBlock {
    border: 0px !important;
}

.profilePage .mainProfileColumn {
    border-left-color: #373f44 !important;
}

.profilePage .mast {
    border-right-color: #373f44 !important;
}
 
Is there a version minus the logo and the void that is then left behind? I always intended to try the darker theme before- you've done a smashing job.
 
You can remove the logo back and reduce the header size by adding the following to any theme:

Code: 
#logoBlock{
    display:none;
}

#headerMover #headerProxy{
    height: 50px;
}

Maybe it could be a theme option @wiiija?
 
Status
Not open for further replies.
Back
Top Bottom