The publisher set three values in host.css — the same file both
pages load. Their own button uses --accent-color for their brand.
Everything inside the dashed box is rendered by Viafoura, inside
.viafoura.
host defined the publisher set this name ยท widget default our fallback, unrelated to their base
--accent-color host defined the base--accent-color-0 widget default our blue at 0% alpha --accent-color-05 widget default our blue at 5% alpha--accent-color-10 widget default our blue at 10% alpha--accent-color-20 widget default our blue at 20% alpha--accent-color-25 widget default our blue at 25% alpha--accent-color-50 widget default our blue at 50% alpha--accent-color-90 widget default our blue at 90% alpha--accent-color-light host defined the publisher set this name too--accent-color-semi-dark widget default our blue, lightness − 9--accent-color-dark host defined the publisher set this name too--text-on-accent-color widget default
Three magenta-family rows, nine blue ones. The publisher set three names and got
three; the other nine kept our defaults, which have nothing to do with their brand.
Same host.css on both pages — only the widget stylesheet differs.