AnnouncementsFunnyVideosMusicAncapsTechnologyEconomicsPrivacyGIFSCringeAnarchyFilmPicsThemesIdeas4MatrixAskMatrixHelpTop Subs
2
body {background-color: #3220ab;} .messages > div { color: white; }

chatArea .title a {

color:orange; }

chatArea .title {

background: darkorchid; }
Comment preview
[-]x0x7
0(+0|0)
You are missing the pound symbol in front of chatArea.
Also, I didn't mention in earlier but using !important ends up being something you need often.
I did the site in SCSS which leads to a lot of nested CSS, which ends up creating really high targeting scores. If two rules apply to the same element it picks the one with the higher targeting score. So to boost your targeting score you might add the !important to the end of the property.
#chatArea .title a { color:orange !important; }
#chatArea .title { background: darkorchid; !important; }

What makes the process easier is playing with the page's CSS directly inside the inspector (right click inspect page). Then you just take the adjustments you feel most positive about and save them in a css file or in a theme. Then it's just a loop of doing that.
[-]iSnark
0(+0|0)
Thanks, I'm admittedly coding illiterate.
I was able to fumble around with the stuff you sent, because, as I mentioned earlier, I have a technical background. I appreciate the examples, hints, and suggestions you've throw my way. One question, is it possible to brick the website tinkering with this code in the limited capacity we are? Is there anything I should never do while experimenting, that I currently have the capacity to do?
[-]x0x7
0(+0|0)
Not that I'm aware of. If you do break something its better we break it now than later, so I actually appreciate the testing.
[-]iSnark
0(+0|0)
Cool! Thanks for the feedback and guidance. I've been a bit busy IRL lately, haven't been here or VOAT much. I'll be hit & miss for a while, but I'll be bouncing in & out.