Custom Admin Color Accent
Applies a custom brand colour to the WordPress admin bar, menu highlights, and primary buttons via a filterable CSS variable.
Module2 parts · by SnipCraft
PHPLogic
php
<?php
add_action( 'admin_head', 'scseed_inject_accent_var' );
function scseed_inject_accent_var() {
$color = sanitize_hex_color( apply_filters( 'scseed_admin_accent', '#7c5cff' ) );
if ( ! $color ) { return; }
echo '<style id="scseed-accent-var">:root{--scseed-ac:' . esc_html( $color ) . ';}</style>';
}CSSStyles
css
/* Applies the custom accent colour defined via the scseed_admin_accent filter */
#wpadminbar {
background: var(--scseed-ac, #7c5cff) !important;
}
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.wp-has-current-submenu .wp-submenu-head {
background: var(--scseed-ac, #7c5cff) !important;
}
.button-primary,
input[type="submit"].button-primary {
background: var(--scseed-ac, #7c5cff) !important;
border-color: var(--scseed-ac, #7c5cff) !important;
}
#adminmenu a:focus {
outline-color: var(--scseed-ac, #7c5cff);
}
.notice-info,
.notice-success {
border-left-color: var(--scseed-ac, #7c5cff) !important;
}#admin#branding#customization#colors