Custom css changes admin top links

[martiniwebb]

​Observing from ​2021​, ​if the href link color for a component in a plugin or a theme is changed, ​it affects the admin ​top links too though the two are not related. I expect the WordPress core to preserve its colors.

[sabernhardt]

Could you share screenshots and an example of a plugin or theme that overrides the link color?

[martiniwebb]

Hi sabernhardt,

Many thanks for your response.

The plugins are:

Simple Custom CSS and JS

​https://wordpress.org/plugins/custom-css-js/

SiteOrigin CSS

​https://wordpress.org/plugins/so-css/

Screenshots attached.

​https://accratrotro.com/wp-content/uploads/2022/03/ADMIN-DROP-DOWN-INVISIBLE.png

​https://accratrotro.com/wp-content/uploads/2022/03/LINKS-0VISIBLE-DEACTIVATED.png

​https://accratrotro.com/wp-content/uploads/2022/03/LINKS-INVISIBLE.png

​https://accratrotro.com/wp-content/uploads/2022/03/PLUGIN-ACTIVATED.png

​https://accratrotro.com/wp-content/uploads/2022/03/PLUGINS.png

[sabernhardt]

I think we need to know what custom link styles you use in Simple Custom CSS and JS, SiteOrigin CSS and/or YellowPencil. The #wpadminbar a.ab-item selector has high specificity already with an ID.

#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon {
	color: #f0f0f1;
}

In the screenshots, those .ab-item links have a different color, but the .ab-label spans retain the default light gray. I would like to make the icon links consistently use the span markup, but then the sub-menus still would have a different color in your situation.

[sabernhardt]

Without knowing the special styles that override the Core text color, this ticket cannot move forward. We could reopen the ticket if/when the styles are shared.