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

[Broken Hope]

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

Delete it, save.

Thanks, got them back now.

 

[TwsT]

good work

 

[Broken Hope]

I'm still not sure why OcUK can't include their own dark theme, it's not like it's not a highly requested feature.

 

[Kronos]

Much prefer the dark theme.

 

[Neil79]

I'm still not sure why OcUK can't include their own dark theme, it's not like it's not a highly requested feature.

Because it's something the users want? ( And yes other themes are requested lol )

 

[wiiija]

Online is indicator is back so update your theme

 

[Scottland]

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.

 

[Scottland]

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]

Go for it, no issue what so ever

 

[topgun06]

Looking good!

 

[G-MAN2004]

How do I change the orange font?

Cheers.

 

[RoyMi6]

@wiiija - couple of tweaks you might want to add:

/*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;
}

 

[wiiija]

Thank you very much, I'll add that now

 

[Broken Hope]

@wiiija - couple of tweaks you might want to add:

/*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;
}

Yes please add these, fixes the tooltips which I noticed were still blue.

 

[Broken Hope]

Noticed on locked threads there is still some of the blue theme showing.

 

[wiiija]

Thats all been added to the style

 

[RoyMi6]

The following tidys up the profile pages:

/*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;
}

 

[Kol]

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.

 

[Broken Hope]

Any chance padding between posts could be reduced? There's a fair amount of empty space above the date/post number.

 

[RoyMi6]

You can remove the logo back and reduce the header size by adding the following to any theme:

#logoBlock{
    display:none;
}

#headerMover #headerProxy{
    height: 50px;
}

Maybe it could be a theme option @wiiija?