The publisher set three values in host.css. Their own button uses
--accent-color for their brand, not to theme anything.
Everything inside the dashed box is rendered by Viafoura, inside
.viafoura.
host defined the publisher set this value · base lightness − 9 the calculation used · widget default our fallback, nobody overrode it
--accent-color host defined the base--accent-color-0 base at 0% alpha invisible by design--accent-color-05 base at 5% alpha--accent-color-10 base at 10% alpha--accent-color-20 base at 20% alpha--accent-color-25 base at 25% alpha--accent-color-50 base at 50% alpha--accent-color-90 base at 90% alpha--accent-color-light host defined would be base lightness + 4.5--accent-color-semi-dark base lightness − 9--accent-color-dark host defined would be base lightness − 15--text-on-accent-color widget default
The three host defined rows are the only ones
the publisher wrote. Delete the two pinned lines from host.css,
reload, and those two rows start showing their calculation instead.