mirror of
https://github.com/PR0M3TH3AN/bitlogin.git
synced 2026-10-27 08:31:21 +00:00
<bitlogin-auth> renders in a shadow root, but every color/radius/font value already flowed through a CSS custom property on :host -- these inherit through the shadow boundary, so a host page can already override the widget's look from ordinary light-DOM CSS. This adds the two properties that weren't yet exposed: - --bl-accent-fg (default: white): text color on top of --bl-accent. Was hardcoded on button.primary, so a host with a light accent color and its own dark-on-accent convention had no way to match it. - --bl-max-width (default: 380px): the widget stays a fixed-width card by default (unchanged for existing embedders), but a host page that wants it to fill a wider container can now override this instead of being stuck with the hardcoded cap. Also routes the hardcoded font-family through --bl-font-family so that's themeable too. Documented in the README with a worked example (BitRoad, which maps every one of these onto its own design tokens to render the widget in its own colors at full width). Co-Authored-By: Claude Sonnet 5 <[email protected]>