Announcement

Collapse
No announcement yet.

New Admin Control Panel Colors

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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 13th Mar '02, 7:43pm.
    website: joe.pcfx.cc
    forums: pcfx.cc
    gallery: here

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

    Comment


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

      Comment


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

        Comment


        • #5
          Sweet!

          Comment


          • #6
            Looks nice, good job!

            SaintDog

            Comment


            • #7
              its looks great~~

              i love that~

              Comment


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

                Comment


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

                  Comment


                  • #10
                    looks cool perhaps will add later ...

                    Comment


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

                      Comment


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

                        Comment


                        • #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


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

                            Comment


                            • #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...
                              X