[Forums] Don't like the color schema? Write your own!

@treboR2Robert said:
I will be sticking with the original skin that OttoKerner did for now

To me it just feels better.

But I will defiantly keep an eye on the skin that vanstinator is working on, it sounds like it has great potential.

Thanks Guys :slight_smile:

Yeah I’ve essentially just dumped in a dark background which broke a lot of text and other elements. I’m leaving it off right now too because I don’t love it, it needs work. I’ll recolor more stuff and see where it gets me.

I’ve sent a message to @elan as well asking if we can get a forum skin section. If we attract some more talent we should be able to come up with some cool stuff. If anyone hacks at my theme feel free to share the changes. If they bring it closer to the Classic Plex forum feel I’ll add them to the “official” style.

The navbar right below the Plex logo can be controlled with this:

/*main navbar (Categories, Discussions, Activity, Account options, Notifications*/
nav.navbar, ul.nav.navbar-nav li a {color: white; background-color: #3362AF;}
div.MeBox div.WhoIs a.Username {color: white;}

Thanks! I quick added that, I’ll optimize it later. At this point I’m working on post headings. But I’m having issues with sectional headings.

Next on the list is the sidebar. Then shuffling UI elements.

EDIT: Also the border around posts, I’d like to get ride of the white. But I’m having trouble identifying where that is being set.

Big thanks to Ottokerner for this find. Here is my attempt at a dark Plex based theme. It’s a bit heavy on the Orange, which I need to tweak.



Nice! I like it. I wish I knew CSS better. I’m stumbling over myself here.

^^ I’d never used css before now. I just used Chrome’s console to find the element name, and even then a lot of it was trial and error. I’m sure I didn’t do it right, but it works and that’s all I care.

@vanstinator said:
Thanks! I quick added that, I’ll optimize it later. At this point I’m working on post headings. But I’m having issues with sectional headings.

Try this (EDITED):

/*Category Headings */
li.CategoryHeading[id^="Category_"] {color: white !important; background-color: red !important;}
div.ItemContent.Category {color: white !important;}

@MovieFan.Plex said:
^^ I’d never used css before now. I just used Chrome’s console to find the element name, and even then a lot of it was trial and error. I’m sure I didn’t do it right, but it works and that’s all I care.

I use Firefox, and the Web Developer Toolbar extension by Chris Pederick. I think it probably gives you the same information as the Chrome console. Also, w3schools.com is a great resource for CSS. I just learned how to use wildcards in CSS.

Thanks guys! I’m just using Chrome dev tools and right clocking on the DOM and copying the CSS path from there. It’s probably not the right way to do it, but meh it works. I’ll learn how to do CSS properly when I’m happy where I’m at and I’ll make it proper.

^^ Yup. I agree. I works now, clean it up later. . . . maybe.

@MovieFan.Plex said:
^^ Yup. I agree. I works now, clean it up later. . . . maybe.

Yeah no idea if people will actually use these besides a few of us. But I’m hoping with this + a userscript we can make some different ways of organizing things on the screen to clean up some of the junk.

LOL. You lost me at userscript.

Hey, I don’t like going back to 2007 either, but this forum leaves a lot to be desired.

@anon18523487 Once again, my hero.
This is great, Black, Grey, Orange, White… and in that order!
(just can’t see the text in my own sig now - but I’ll figure that out).

Phew. What a relief to the eyes.

Got so many choices now, I don’t know where to go.
Thanx guys.

@Plexhilarated said:

Phew. What a relief to the eyes.

Got so many choices now, I don’t know where to go.
Thanx guys.

I know I am so happy and my eyes won’t stop thanking me

I really like the original that @OttoKerner done, it’s new still and it works perfect for my eyes reading it

So I’m trying your skin @MovieFan.Plex and I love it. Good job :slight_smile: I might take my color ideas and just mold yours :stuck_out_tongue:

I’m noticing that everyone’s signature test is showing very, very faint. Is this due to a default text color that the sig box has chosen? If so, is there a better color number for us to use?

Also just discovered that the text in the Notification screen is completely invisible until you hover over it:

FYI.

^^ Mine works fine on the notifications page. But I did have to add styles specifically for that page. If you only modified the generic text info, then yeah, they vanish.

Same problem with the sigs. They use some default font color that is inherited from somewhere. I didn’t change that for mine. There are still a few places I missed that I need to fix.

Edit - Here is what my page looks like with my changes.

I just installed your style, and it’s great, but my notifications page looks like this:

Black text on white background… am I missing something?
(I prefer yours)