New Admin Control Panel Colors

[Mr. X]

Last night while bored I started dabbling in new colors for my admin control panel, customizing the cp.css file. I wanted a dark blue/black theme, but I got some lighter ones Im working on at the moment that I'll release soon.

Anyway, if you would like to use it, just copy the code below into a new file, and name it cp.css. Replace the one in the /forum_root dir where you installed vB (make sure to make a backup of the existing cp.css just in case), and thats it. Feel free to play around with colors if you dont like some of the ones I used.

Note: All I added to the code thats not in there by default under the .* style for links made with makelinkcode() */ section is BACKGROUND-COLOR:#404251;



BODY {
BACKGROUND-COLOR: #3F4149;
COLOR: #cccccc;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 12px;
/* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
SCROLLBAR-BASE-COLOR: #6B6F7C;
/* all scrollbar attriblutes following are not required, but you can set them if you wish. */
SCROLLBAR-ARROW-COLOR: #D2D5E3;
SCROLLBAR-HIGHLIGHT-COLOR: #9298A5;
/* attributes we aren't using at the moment
SCROLLBAR-3DLIGHT-COLOR: #87789E;
SCROLLBAR-FACE-COLOR: #40364d;
SCROLLBAR-SHADOW-COLOR: #2F4261;
SCROLLBAR-DARK-SHADOW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #51485F;
*/
}
UL, LI, P, TD, TR {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 12px;
}
/* color for links */
A:LINK, A:VISITED, A:ACTIVE {
COLOR: #9AB3DC;
}
/* hover color for links (Internet Explorer only) */
A:HOVER {
COLOR: #333333;
BACKGROUND-COLOR: #DDDEE3;
}
/* style for links made with makelinkcode() */
.lc {
FONT-SIZE: 11px;
}
FORM {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;

}
SELECT, INPUT, TEXTAREA {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #cccccc;
FONT-SIZE: 10px;
BACKGROUND-COLOR:#404251;
}

/* style for submit/reset buttons */
#submitrow INPUT {
BACKGROUND-COLOR:#404251;
COLOR: #CED1DB;
FONT-WEIGHT: bold;
}
/* first alternating table background color */
.firstalt {
BACKGROUND-COLOR: #5A5C67;
}
/* second alternating table background color */
.secondalt {
BACKGROUND-COLOR: #5A5C67;
}
/* table header background and text color */
.tblhead {
BACKGROUND-COLOR: #30303A;
COLOR:#CFD1D8;
FONT-SIZE:10px;
}
/* table border color */
.tblborder {
BACKGROUND-COLOR: #1D1D1D;
}

/* extra styles for top and left frames */
#navbody {
COLOR: #ffffff;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
BACKGROUND-COLOR: #565865;
}
#navbody TD {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
}
#navbody A:LINK, #navbody A:VISITED, #navbody A:ACTIVE {
COLOR: #DBDDE3;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
#navbody A:HOVER {
COLOR: #cccccc;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
BACKGROUND-COLOR: #333333;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
#navbody .tblhead {
COLOR: #DBDDE3;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}

/* global and custom color definitions */
.gc { /* global color */
COLOR: #C7C7C7;
}

.cc { /* custom color */
COLOR: #FFCE0D;
}

[Mr. X]

Heres the frontpage after you log in:

[Mr. X]

Shot of the vB general options:

[Mr. X]

Here is what the templates look like:

[Xelation]

Sweet!:D

[SaintDog]

Looks nice, good job!

SaintDog

[squawell]

its looks great~~

i love that~:D

[Nafae]

very cool~I'll have to try this out later :)

[butty]

nice that mate - cheers for that

[Flogge]

looks cool :) perhaps will add later ...

[c-prompt]

gj bro. Im using it. I am always too lazy to customize my cp. :)

[ZiRu$]

Originally posted by c-prompt
gj bro. Im using it. I am always too lazy to customize my cp. :)

same here

[Mr. X]

Glad yall like it. Im working on some new colors right now. I find that with my knowledge of customizing vB (which is slim to none), editing the colors at least for the Cpanel is easy :)

[svtscorpio]

I love this! Nice change from all the purply-yellow stuff :eek:

[Mystic Stylez]

lookin good. i'll use it.

[datatec]

Looks kooooooooool lol

will try it soon

Many thanks to Mr. X :D

[scsa20]

man, that's sweeeeet....I'm using it right now....thank you man.

[hypedave]

man this is so sweet, I got like a vb3 feel, lol

[JohnWarwick]

Sweet!

Nice one, I never thought of doing this before. :D ;) :)

[Legacy]

Great Job...Thanks for sharing it with everyone

[Koss]

awesome !!!
thanks

[TGO]

Thanks man, I'm using it now :)

[Kiss]

Very Very Nice. Using it now. Thanks

[nemesis01]

Yeh man, nice.:D Hurry up with some more.:D

[N9ne]

Excellent! I really like that, I might even use that kind of scheme for another style for my forums :) :) :)

[Mr. X]

Well its been a long while but I promised a new color set so here it is. This one matches my current forum colors. I've removed colored scrollbars since I dont use them, and I changed the text area input boxes to have that flatshade look that I really dig. Hope you like it, any feedback is welcome!

Screenshots are followed after this post.

[Mr. X]

Front Page

[Mr. X]

General Options

[Mr. X]

Template List

[Mr. X]

Closeup of template editing

[Yuber]

Thanks a lot.

[Mr. X]

NP^

Heres another one for the new website where moved my forums over. Slightly different colors than the last mx3d admin cp look.

[Mr. X]

Here is a preview:

[Darkwolf1984]

nice one :D

[vadim]

thanks! very good job

[Mr. X]

Thanks. Glad yall like it. Btw in case anyone is wondering what that table is on top, its a stats hack by freddie over at vb.org (http://www.vbulletin.org/forum/showthread.php?s=&threadid=37193) which displays useful stats. Excellent hack.

[dm02]

Love to see some new blue ones.. :)



Blue!

[Exodus]

ya please some dark blue, blue is cool too! :D