How to Change the Admin Bar Color Scheme

Shortlink:

Hello, Guys How are you? i think you’re all good with grate, today i will tech you How to Change the Admin Bar Color Scheme. so i will go to the work.. just open your functions.php file in your theme folder then you can see at last code ?> code. you will input the code must be ?> code above, example: your code here ?>

so now you can just copy below code then you will past your functions.php page. then work fine. i was tested this code, this is 100% worked.


The colors below create a Blue Admin Bar. Modify the #color values to customize the look.
/*
* Change the Admin Bar Color Scheme
*/
function change_adminbar_colors() {
$change_adminbar_colors = '<style type="text/css">
#wpadminbar *, #wpadminbar{ color:#ffffff;text-shadow:#444444 0 -1px 0;
}
#wpadminbar{
background-color:#003399;
background-image:-ms-linear-gradient(bottom,#000033,#003399
5px);
background-image:-moz-linear-gradient(bottom,#000033,#003399
5px);
background-image:-o-linear-gradient(bottom,#000033,#003399
5px);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#000033),to(#003399));
background-image:-webkit-linear-gradient(bottom,#000033,#003399
5px);
background-image:linear-gradient(bottom,#000033,#003399 5px);
}
/* menu separators */
#wpadminbar .quicklinks>ul>li{border-right:1px solid #003399;}
#wpadminbar .quicklinks>ul>li>a,#wpadminbar .quicklinks>ul>li>.abempty-
item{border-right:1px solid #000033;}
#wpadminbar .quicklinks .ab-top-secondary>li{border-left:1px solid
#000033;}
#wpadminbar .quicklinks .ab-top-secondary>li>a,#wpadminbar
.quicklinks .ab-top-secondary>li>.ab-empty-item{border-left:1px solid #003399;}
/* menu hover color and hover link color */
#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,#wpadminbar
.ab-top-menu>li.menupop.hover>.ab-item{background:#333333;color:#ffffff;}
#wpadminbar .hover .ab-label,#wpadminbar.nojq .ab-item:focus .ablabel{
color:#ffffff;}
#wpadminbar .menupop.hover .ab-label{color:#ffffff;}
/* menu, on mouse over hover colors */
#wpadminbar .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-topmenu>
li.hover>.ab-item,#wpadminbar .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq
.quicklinks .ab-top-menu>li>.ab-item:focus{
color:#fafafa;
background-color:#000033;
background-image:-ms-linear-gradient(bottom,#003399,#000033);
background-image:-moz-linear-gradient(bottom,#003399,#000033);
background-image:-o-linear-gradient(bottom,#003399,#000033);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#003399),to(#003399));
background-image:-webkit-lineargradient(
bottom,#003399,#000033);
background-image:linear-gradient(bottom,#003399,#000033);
}
/* menu item links hover color */
#wpadminbar .menupop li:hover,#wpadminbar .menupop li.hover,#wpadminbar
.quicklinks .menupop .ab-item:focus,#wpadminbar .quicklinks .ab-top-menu .menupop .abitem:
focus{background-color:#ccffcc;}
/* menu item non-link colors */
#wpadminbar .ab-submenu .ab-item{color:#333333;}
/* menu item link colors */
#wpadminbar .quicklinks .menupop ul li a,#wpadminbar .quicklinks
.menupop ul li a strong,#wpadminbar .quicklinks .menupop.hover ul li a,#wpadminbar.nojs
.quicklinks .menupop:hover ul li a{color:#0099cc;}
/* my sites hover color */
#wpadminbar .quicklinks .menupop .ab-sub-secondary>li:hover,#wpadminbar
.quicklinks .menupop .ab-sub-secondary>li.hover,#wpadminbar .quicklinks .menupop .absub-
secondary>li .ab-item:focus{background-color:#dfdfdf;}
/* update menu colors */
#wpadminbar .quicklinks a span#abupdates{
background:#eeeeee;color:#333333;}
#wpadminbar .quicklinks a:hover span#abupdates{
background:#ffffff;color:#000000;}
/* howdy menu */
#wpadminbar .ab-top-secondary{
background-color:#003399;
background-image:-ms-linear-gradient(bottom,#000033,#003399
5px);
background-image:-moz-linear-gradient(bottom,#000033,#003399
5px);
background-image:-o-linear-gradient(bottom,#000033,#003399
5px);
background-image:-webkit-gradient(linear,left bottom,left
top,from(#000033),to(#003399));
background-image:-webkit-linear-gradient(bottom,#000033,#003399
5px);
background-image:linear-gradient(bottom,#000033,#003399 5px);
}
/* Howdy menu, username text color in dropdown */
#wpadminbar #wp-admin-bar-user-info .display-name{color:#333333;}
#wpadminbar #wp-admin-bar-user-info .username{color:#999999;}
/* search */
#wpadminbar #adminbarsearch .adminbar-input{color:#ccc;text-shadow:#444
0 -1px 0;background-color:rgba(255,255,255,0);}
#wpadminbar #adminbarsearch .adminbar-input:focus{color:#555;textshadow:
0 1px 0 #fff;background-color:rgba(255,255,255,0.9);}
#wpadminbar.ie8 #adminbarsearch .adminbar-input{backgroundcolor:#
003399;}
#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus{backgroundcolor:#
fff;}
#wpadminbar #adminbarsearch .adminbar-input::-webkit-inputplaceholder{
color:#ddd;}
#wpadminbar #adminbarsearch .adminbar-input:-mozplaceholder{
color:#ddd;}
</style>';
echo $change_adminbar_colors;
}
/* wp-admin area */
if ( is_admin() ) {
add_action( 'admin_head', 'change_adminbar_colors' );
}
/* websites */
if ( !is_admin() ) {
add_action( 'wp_head', 'change_adminbar_colors' );
}

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!




%d bloggers like this: