Thanks for the reminder @gingerbeardman, I signed up for the site so I could test this out. This isn’t the site’s default theme, in fact this site has several colorful themes, it took me a few minutes to find this specific theme.
Anyhow, is there any chance you could propose to the site admins a subtle CSS change for this theme?
They can modify the header primary color variable, and change it to a lighter green. This would affect the header too, but that would be useful, the buttons in the header could use a bit more contrast.
Or, if they must keep that button color in the header, they could increase the opacity of the bottom bar background (to match the header) using:
// overrides opacity of background, originally in footer-nav.scss
@supports (-webkit-backdrop-filter: blur(10px)) {
body:not(.footer-nav-ipad) .footer-nav {
background-color: $header_background;
}
}
That would give you this (contrast would still be not enough IMO):
