Describe the bug
The environment banner (the "butter bar" shown when banner_text is configured on an environment) renders its text in hardcoded white. When the chosen banner_colour is light, the text becomes effectively invisible against the background.
To reproduce
- Open an environment's settings
- Enable the banner and set
banner_text (e.g. Production [Be Careful!])
- Navigate to any page in that environment (Features, Segments, etc.)
The banner renders white-on-light and is unreadable.
Expected behaviour
The banner text should remain legible regardless of the chosen banner_colour. Text color should be derived from the background.
Affected code
frontend/web/components/ButterBar.tsx lines 73-85 hardcode color: 'white':
Screenshots
Will attach after issue creation (a banner with a pale cream banner_colour showing white text that is barely visible)
Describe the bug
The environment banner (the "butter bar" shown when
banner_textis configured on an environment) renders its text in hardcoded white. When the chosenbanner_colouris light, the text becomes effectively invisible against the background.To reproduce
banner_text(e.g.Production [Be Careful!])The banner renders white-on-light and is unreadable.
Expected behaviour
The banner text should remain legible regardless of the chosen
banner_colour. Text color should be derived from the background.Affected code
frontend/web/components/ButterBar.tsxlines 73-85 hardcodecolor: 'white':Screenshots
Will attach after issue creation (a banner with a pale cream
banner_colourshowing white text that is barely visible)