Active state not using foreground setting variables

Hi @jennypanighetti,

Thank you for opening this issue, the hard-coded color setting actually lives in the Claro theme, however as you can see in this file https://git.drupalcode.org/project/drupal/-/blob/11.x/core/themes/claro/... and your screenshot, the background color is also set there, and the environment_indicator module overrides that.

With that being said, I wonder if we could do something similar for the color that this module is doing for background color.

Thanks @trackleft2, you're right that the black is hard-coded in claro's toolbar.theme.css. However, the with the variable is set in the toolbar.css CSS, but is specified. The color property is only specified in toolbar.css when a:not(.is-active).

OK, I've updated the CSS in https://git.drupalcode.org/project/environment_indicator/-/merge_request.... Let me know what you think.

Patch applies and my color is not lost! Thank you! :)