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

Status
Not open for further replies.
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.
 
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:
 
Last edited:
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
Click to expand...
I know what the problem will be there, will fix that tomorrow.
 
sk82jack said:
:eek: Yes please! Is the opera mini? or standard opera? or should it work on both? (I'm using mini atm)
Click to expand...
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.
 
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:

536336476.png


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 :)

753712529.png
 
Last edited:
HC9L4.jpg

That's what the search results look like.

Reproduce by clicking on someone > view profile and click view all posts under Statistics.
 
Last edited:
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? :p
 
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;
    }
}
 
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.
 
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;
}
 
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 :p.
 
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 =)
 
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!
 
Status
Not open for further replies.
Back
Top Bottom