v1.5.29 - Accent colour legibility, part two
Buttons inside header and signup cards now get the same automatic contrast treatment as the rest, and a coloured hero no longer leaves its headline hard to read.
New features
- Buttons inside header and signup cards now get the same contrast treatment as the rest of the theme. If your accent colour is too close in shade to what sits behind a button, the label and outline switch to black or white so they stay readable. It compares against the card, not just the page — so a button on a white card stays dark even on a dark site. See Branding: logo, accent colour and the black-or-white case.
Bug fixes
- A hero with a solid background colour no longer leaves its headline hard to read. On a post or page using a
#color-tag with no feature image, the navigation adapted to the background but the headline and excerpt did not, so a dark hero could end up with near-black text on it. All three now follow the same colour. - Changing your accent colour now updates cards that were built with the old one. A header or signup card set to your accent kept the text colour worked out when it was first saved, so switching from a dark accent to a light one could leave a white label on a pale background until the card was re-saved. It now follows your current accent.
- A button on a full-width header card could have an unreadable label when your accent was light. It now takes the correct colour for the accent.
- Headings on accent-coloured cards now follow your current accent too. Previously only the button did, so a card built with a dark accent kept its white heading after you switched to a light one.
- The site logo and navigation keep the right colour after scrolling. On a page with a coloured hero, scrolling down and back to the top left the logo and menu in the wrong colour until the page was reloaded.
- Outline buttons now respond when pressed everywhere. On pages, and on left-aligned buttons anywhere, tapping one gave no visual feedback.