@invisibleloop/pulse 0.2.5 → 0.2.7
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.
package/package.json
CHANGED
package/public/.pulse-ui-version
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.2.
|
|
1
|
+
0.2.7
|
|
@@ -44,6 +44,16 @@ code { background: var(--ui-surface-2); color: var(--ui-accent); border: 1px sol
|
|
|
44
44
|
|
|
45
45
|
To apply a **light theme**, set `meta.theme: 'light'` in the spec — this adds `data-theme="light"` to the `<body>` and activates the built-in light token set (accessible contrast for badges, alerts, and all semantic colours). Do NOT manually copy token values into `:root`.
|
|
46
46
|
|
|
47
|
+
**Overriding tokens on a light-theme page:** `pulse-ui.css` defines light theme values under `[data-theme="light"]`, which has higher specificity than `:root`. Overrides written only to `:root` will be silently beaten. Always target `[data-theme="light"]` when overriding tokens for a light-theme page:
|
|
48
|
+
|
|
49
|
+
```css
|
|
50
|
+
/* WRONG — loses to pulse-ui.css */
|
|
51
|
+
:root { --ui-accent: #e25; }
|
|
52
|
+
|
|
53
|
+
/* CORRECT */
|
|
54
|
+
[data-theme="light"] { --ui-accent: #e25; }
|
|
55
|
+
```
|
|
56
|
+
|
|
47
57
|
```js
|
|
48
58
|
meta: {
|
|
49
59
|
theme: 'light',
|