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

Stoner81 · 10 Apr 2011 at 18:18

Oh man this is epic! Thanks I love it over the blue default style miles nicer! Be even better if you could have it coded as a proper vBulletin theme so as everybody could use it

regardless of their browser choice.

Stoner81.

crisbduck · 26 Apr 2011 at 18:59

Very nice! dark themes always take ages to get used to though haha =)

sk82jack · 1 May 2011 at 02:45

I love this! It looks so good!

One slight problem though, I can't seem to get the rounded quote boxes in chrome which is quite annoying as they look so good! lol

Edit: To change this which part of the code am I looking for and what should it be changed to?

I have no experience with coding really so I had a look but it was just :eek:

V4NT0M · 6 May 2011 at 02:52

Haha, check it out, dark theme now on Android:

Will post a guide if anyone is interested.

sk82jack said:
One slight problem though, I can't seem to get the rounded quote boxes in chrome which is quite annoying as they look so good! lol

I know what the problem will be there, will fix that tomorrow.

sk82jack · 6 May 2011 at 03:00

Skyfall said:
Haha, check it out, dark theme now on Android:

Will post a guide if anyone is interested.

Yes please! Is the opera mini? or standard opera? or should it work on both? (I'm using mini atm)

V4NT0M · 6 May 2011 at 03:13

sk82jack said:
Yes please! Is the opera mini? or standard opera? or should it work on both? (I'm using mini atm)

At the moment I can only get it to work with opera mobile as mini does not have the required configuration page.

Will post the guide up tomorrow.

V4NT0M · 7 May 2011 at 18:17

Guide on how to get dark theme on Android devices:

You can also install straight from userstyles.org in firefox now using stylish as seen here.

This will only work in Opera mobile.

Open up Opera Mobile and type opera:config in the address bar, you should end up with a page that looks like this:

Scroll down to user prefs and scroll further down to find User Javascript & User Javascript HTTPS, tick both of those boxes. Next edit the field User Javascript File and put in /mnt/sdcard/userjs/ click the save button at the bottom.

Next open up a file manager and create a directory on your SDCard called userjs then download the ocuk.js file and put it in that folder:

http://chaoticsignal.com/uploads/ocuk.js

Now restart Opera (you may have to force close it) and OCUK should now be dak on the move too

4p · 7 May 2011 at 18:27

UnworthyBean · 7 May 2011 at 18:30

Skyfall said:
Snip

Is this likely to work on the Symbian version of Opera Mobile? Since they are practically the same.

V4NT0M · 7 May 2011 at 18:32

UnworthyBean said:
Is this likely to work on the Symbian version of Opera Mobile? Since they are practically the same.

I would think so, not sure what the directory for JS would be though.

sk82jack · 7 May 2011 at 20:07

Done! Thanks for that dude!

DefiantAsh · 22 May 2011 at 01:18

Now this is smart, got it on my Transformer and on FF4 on my main desktop

Cheers Skyfall!

Tombo · 22 May 2011 at 06:53

That's what the search results look like.

Reproduce by clicking on someone > view profile and click view all posts under Statistics.

NickM · 14 Jun 2011 at 11:26

I'm trying to change how the devianT version of the theme displays highlighted search terms when you reach a thread from search results (currently it makes them bold) but my CSS sucks, so far I have:

Code:

@-moz-document url-prefix("http://forums.overclockers.co.uk/showthread.php?p=") {

.highlight {font-weight:normal; color:red}

}

I'm trying to make the words which have the class, highlight, red. What am I doing wrong?

GravyMonster · 14 Jun 2011 at 11:41

If you're overwriting existing statements you may need to increase the precedence of them by using the !important flag...

Code:

@-moz-document url-prefix("http://forums.overclockers.co.uk/showthread.php?p=") {
    .highlight {
        font-weight: normal !important; 
        color: red !important;
    }
}

NickM · 14 Jun 2011 at 12:20

According to firebug its still being overwritten by something even with the !important flag (the bold color part on line 2 has a line though it):

Code:

.highlight {
[COLOR="Gray"][B]    color: #FF0000;[/B][/COLOR]
    font-weight: bold;
}
// from showthread.php (line 214)

html, body, table, div, tr, td, tbody, span, fieldset, legend, a, strong {
    color: #000000 !important;
    font-family: Tahoma;
}
//from /*Stylish Overlay*/

Does it matter where in the stylish script I put it? Its currently at the bottom.

GravyMonster · 14 Jun 2011 at 13:17

Right, the problem is because the colour coming from the second selector already has !important on it, plus it's on a Tag, so has higher precedence anyway.

Without getting into the order of CSS selectors and boring everyone, the quickest way to do it is to add a parent selector (or two) to the .highlight class.

Eg.

Code:

HTML BODY DIV .highlight {
    colour: #FF0000 !important;
}

NickM · 14 Jun 2011 at 13:30

Changed it to

Code:

@-moz-document url-prefix("http://forums.overclockers.co.uk/showthread.php?p=") {
HTML BODY DIV SPAN .highlight {
        color: #FF0000 !important;
    }
}

I added a SPAN since it uses <span class="highlight">search term</span> to format it, still doesn't work and gets overridden as before! I give up, its only a minor thing

.

Greenja · 14 Jun 2011 at 13:53

Loving this new theme, spotted it when somebody posted a screen grab in some thread and wondered how they did it!

Much better than the blue theme =)

Dave**** · 14 Jun 2011 at 16:31

Just installed this for my x10 and oh my ******* gods, it's so much ******* better.

And now am about to do the same for opera on my main rig, and then to my laptop too!

Black power!