max / balanced_breakfast

Take button depth and badge tone from the generated stylesheet Phase A adoption, the markup untouched. Two components hand-wrote what makeover-webview now emits, so the hand-written half goes. Button: the fill and the bevel leave .button, and the whole :active rule goes with them, because the generated rules emit the fill and the edge together and cannot disagree the way two declarations can. What stays is what is not depth. Two visible consequences, both the description's answer rather than this file's: hover reads as --hover-surface instead of --surface-sunken, and pressing reads as a well. The brand modifiers keep their own fills, which the description has no opinion about. Fixed on the way past: .button:disabled:active overrode box-shadow alone, so a disabled button took the pressed fill while keeping the raised edge. It is now a :hover and :active pair setting both properties, which is what goingson landed on for the same reason. Badge: the colour axis moves from [data-color] to the emitted [data-tone], naming the meaning rather than the paint. Nearly free, because three of the four category tokens were already the same value under a second name -- category-one is danger, category-two is success, category-four is warning -- so the one live coloured badge, the yellow Recommended pill in the plugin list, keeps its exact hex as tone warning. Badges also stopped sharing the [data-color] variants with .tag, which keeps them: a tag names a category and a badge names a state, and spelling them the same way was hiding that.