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;
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;
PHP Code:
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;
}
Comment