.col-md-3 .panel {
background: orange;
border: 1px solid #ddd;
box-shadow: 1px 1px 1px #ddd;
}

.progress {
background: orange;
position: relative;
height: 17px;
margin-bottom: 8px;
}

.progress-bar {
background: orange;
line-height: 15px;
}

.progress div {
width: 100%;
position: absolute;
text-align: center;
color: #000;
margin: 0;
padding: 0;
font-size: 11px;
}

Should be something like this? I sorta got it from the main css. Replace orange with whatever color you want.

It's what I'm using for my really unfinished css lol

Editing again to add in chatbox css:
.s-chat-message:nth-child(even) {
background: #821919;
}

.s-chat-message:nth-child(odd) {
background: #0f52c6;
}

.s-chat-message_claim {
background: #ffd797;
border-bottom: 1px solid #f49d00;
color: #333;
}

.s-chat-message__mod {
background: #98EE90 !important;
border-bottom-color: #7FCF77 !important;
border-top-color: #B2F3AC !important;
color: #243822;
font-weight: bold;
}

.s-chat-message__trivia {
background-color: #DCBC80 !important;
border-bottom-color: #AF9768 !important;
color: #633721 !important;
}

.s-chat-message__trivia a {
color: #633721 !important;
}

.s-chat-message__pinned {
background: rgba(20, 171, 169, 0.5) !important;
color: #000000 !important;
border: none !important;
}

.s-chat-message_timestamp {
color: #000000 !important;
}

For the even and odd, it will change the colors of the chats. The mod will change the mod comment colors as you please. Claim will change the claim tag colors. Timestamp will change the little text thats like "3 minutes ago". I don't know what trivia does honestly so do with it as you please.

Hope this helps!

Editing again because I just realized you wanted the stats too:

.inner-table .left {
background: rgba(192,203,255, 1) !important;
color: #2e2a2b;
padding: 6px 8px;
text-align: left;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin-bottom: 2px;
}

.inner-table .right {
background: rgba(255,209,232, 1) !important;
color: #2e2a2b;
padding: 6px 8px;
text-align: left;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

Left should help you with the left boxes in each column. Right should do the same but with the right boxes.

You have liked this post!

aaah, I added all of that but the colours still wont change from the default
I really appreciate you trying to help though, I'm not sure why it's being so fussy

You have liked this post!

So sorry! I'm not sure why it's not working. The code snippets above work fine for me

I did glance over your code and you do seem to be missing a ;} on line 194 for:
.progress-div {color: rgb(215,173,68)

You have liked this post!

Fixing that line didn't help either
I fear I might have to start over since I cannot for the life of me figure it out.. Don't be sorry though! It's okay, coding is just so finicky sometimes

You have liked this post!