Cambiar color a menu lateral y barra superior (Código)

function custom_admin_colors() {
echo '<style>
/* Cambiar color de la barra superior */
#wpadminbar {
background-color: #5c0855 !important;
}<div style="text-align: center; margin: 20px 0;">
                        <a href="https://ariapsa.com/mb" target="_blank">
                            <img src="https://ariapsa.com/wp-content/uploads/2024/08/Marca-blanca-Diseno-de-paginas-web-mexico-ariapsa.jpg" alt="Banner" style="max-width: 100%; height: auto;">
                        </a>
                       </div>
/* Cambiar color de fondo y texto al pasar el mouse sobre la barra superior */
#wpadminbar .ab-item:hover {
background-color: #ca0771 !important;
color: #ffffff !important;
}
/* Cambiar color del menú lateral */
#adminmenu, #adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a {
background-color: #5c0855 !important;
}
/* Cambiar color del texto en el menú lateral */
#adminmenu a {
color: #ffffff !important;
}
/* Cambiar color de íconos */
#adminmenu .wp-has-current-submenu .wp-menu-name,
#adminmenu .wp-menu-name,
#adminmenu .wp-menu-image:before {
color: #ffffff !important;
}
/* Cambiar color de los ítems activos en el menú lateral */
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-has-current-submenu .wp-menu-name {
color: #ffcc00 !important; /* Amarillo para destacar */
}
/* Cambiar color de fondo al pasar el mouse sobre el menú */
#adminmenu li.menu-top:hover, #adminmenu li.menu-top:hover > a {
background-color: #ca0771 !important;
}
/* Cambiar color de fondo al pasar el mouse sobre los submenús */
#adminmenu .wp-submenu a:hover {
background-color: #ca0771 !important;
color: #ffffff !important;
}
</style>';
}
add_action('admin_head', 'custom_admin_colors');