@htmlbricks/hb-messages-send 0.72.1 → 0.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +3 -3
  2. package/main.iife.js +63 -6
  3. package/main.iife.js.map +1 -1
  4. package/manifest.json +4 -4
  5. package/package.json +2 -2
package/README.md CHANGED
@@ -18,12 +18,12 @@ The UI is built with **Bulma 1.x** inside the shadow root. **Bootstrap Icons** a
18
18
 
19
19
  ## Styling (Bulma and CSS variables)
20
20
 
21
- The component forwards Bulma’s light theme and CSS variables on `:host`. Prefer **`--bulma-*`** (and the component **`--tag-color`**) from the host page to match your site theme. See [Bulma CSS variables](https://bulma.io/documentation/features/css-variables/).
21
+ The component applies Bulma’s **light and dark** theme tokens on `:host` (including **`prefers-color-scheme: dark`** and **`data-theme` / `.theme-*`** on `html` or `body`, or `data-theme` on the element itself), so surfaces and borders track your app theme. Bulma also emits internal defaults as **`--bulma-hb-def-*`** on that same `:host`; the shadow styles resolve `var(--bulma-…, var(--bulma-hb-def-…))` so the composer never falls back to a hard-coded light surface when public `--bulma-*` are unset. Prefer **`--bulma-*`** (and the component **`--tag-color`**) from the host page when you need overrides. See [Bulma CSS variables](https://bulma.io/documentation/features/css-variables/).
22
22
 
23
23
  | Variable | Role |
24
24
  |----------|------|
25
- | `--bulma-primary` | Send button background. |
26
- | `--bulma-primary-invert` | Icon color on the send button. |
25
+ | `--bulma-primary` | Send button fill (light theme) or outline color (dark theme: outlined send control). |
26
+ | `--bulma-primary-invert` | Icon color on the Send button in light theme (solid fill). |
27
27
  | `--bulma-link` | Focus ring, file-attach accent, maximize control. |
28
28
  | `--bulma-border` | Panel and file card borders. |
29
29
  | `--bulma-text` | Default input and label color for readable text on the composer surface. |