Brand
Color themes
Color themes, picked in Profile, each from a version of the Makado mark: Makado (the default blue, sky and sand), Ocean, Mint, Sunset, Lavender, Sand and Ember. A theme recolors the accent family (accent, accent-hover, accent-content, accent-subtle, accent-visual, focus-indicator, gradient-informative) and the four backdrop glow pools. Set with data-backdrop on <html>. Every accent keeps white text at 4.5:1 or better and accent-content at 4.5:1 on cards and on the page, in light and dark. Each theme also tints the frame (background-frame) with its color, and the dark glows run stronger.
Each card below is the real theme: it sets data-backdrop and reads the same tokens the app does, in the theme this page is in. Purple appears only in Lavender, when someone picks it.
data-backdrop="makado"
data-backdrop="ocean"
data-backdrop="mint"
data-backdrop="sunset"
data-backdrop="lavender"
data-backdrop="sand"
data-backdrop="ember"