New Admin Control Panel Colors

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Mr. X
    Senior Member
    • May 2001
    • 1112
    • 2.3.0

    New Admin Control Panel Colors

    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;


    PHP Code:
    BODY {
        
    BACKGROUND-COLOR#3F4149;
        
    COLOR#cccccc;
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE12px;
        
    /* 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;
        */
    }
    ULLIPTDTR {
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE12px;
    }
    /* color for links */
    A:LINKA:VISITEDA: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-SIZE11px;
    }
    FORM {
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE10px;
        
    }
    SELECTINPUTTEXTAREA {
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    COLOR#cccccc;
        
    FONT-SIZE10px;
        
    BACKGROUND-COLOR:#404251;
    }

    /* style for submit/reset buttons */
    #submitrow INPUT {
        
    BACKGROUND-COLOR:#404251;
        
    COLOR#CED1DB;
        
    FONT-WEIGHTbold;
    }
    /* 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-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE10px;
        
    BACKGROUND-COLOR#565865;
    }
    #navbody TD {
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE10px;
    }
    #navbody A:LINK, #navbody A:VISITED, #navbody A:ACTIVE {
        
    COLOR#DBDDE3;
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    FONT-SIZE10px;
        
    FONT-WEIGHTnormal;
        
    TEXT-DECORATIONnone;
    }
    #navbody A:HOVER {
        
    COLOR#cccccc;
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
        
    BACKGROUND-COLOR#333333;
        
    FONT-WEIGHTnormal;
        
    TEXT-DECORATIONnone;
    }
    #navbody .tblhead {
        
    COLOR#DBDDE3;
        
    FONT-FAMILYVerdana,Arial,Helvetica,sans-serif;
    }

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

    .
    cc /* custom color */
        
    COLOR#FFCE0D;

    Last edited by Mr. X; Wed 13 Mar '02, 6:43pm.
    website: joe.pcfx.cc
    forums: pcfx.cc
    gallery: here
  • Mr. X
    Senior Member
    • May 2001
    • 1112
    • 2.3.0

    #2
    Heres the frontpage after you log in:
    website: joe.pcfx.cc
    forums: pcfx.cc
    gallery: here

    Comment

    • Mr. X
      Senior Member
      • May 2001
      • 1112
      • 2.3.0

      #3
      Shot of the vB general options:
      website: joe.pcfx.cc
      forums: pcfx.cc
      gallery: here

      Comment

      • Mr. X
        Senior Member
        • May 2001
        • 1112
        • 2.3.0

        #4
        Here is what the templates look like:
        website: joe.pcfx.cc
        forums: pcfx.cc
        gallery: here

        Comment

        • Xelation
          Senior Member
          • Jan 2002
          • 229
          • 3.0.0 Beta 5

          #5
          Sweet!

          Comment

          • SaintDog
            Senior Member
            • Nov 2001
            • 906
            • 3.5.x

            #6
            Looks nice, good job!

            SaintDog

            Comment

            • squawell
              Senior Member
              • Sep 2001
              • 154

              #7
              its looks great~~

              i love that~

              Comment

              • Nafae
                Senior Member
                • Nov 2001
                • 254

                #8
                very cool~I'll have to try this out later

                Comment

                • butty
                  Senior Member
                  • Jun 2001
                  • 221

                  #9
                  nice that mate - cheers for that
                  http://

                  Comment

                  • Flogge
                    New Member
                    • Jan 2002
                    • 11

                    #10
                    looks cool perhaps will add later ...

                    Comment

                    • c-prompt
                      Senior Member
                      • Apr 2001
                      • 1309

                      #11
                      gj bro. Im using it. I am always too lazy to customize my cp.

                      Comment

                      • ZiRu$
                        Senior Member
                        • Feb 2002
                        • 107

                        #12
                        Originally posted by c-prompt
                        gj bro. Im using it. I am always too lazy to customize my cp.
                        same here

                        Comment

                        • Mr. X
                          Senior Member
                          • May 2001
                          • 1112
                          • 2.3.0

                          #13
                          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
                          website: joe.pcfx.cc
                          forums: pcfx.cc
                          gallery: here

                          Comment

                          • svtscorpio
                            Member
                            • Dec 2001
                            • 57
                            • 2.2.8

                            #14
                            I love this! Nice change from all the purply-yellow stuff

                            Comment

                            • Mystic Stylez
                              Senior Member
                              • Jan 2002
                              • 115
                              • 3.0.0 Beta 7

                              #15
                              lookin good. i'll use it.
                              ::::::: http://ffimpulse.com
                              ::::::: http://ffimpulse.com/forum

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...