@gospore/theme 1.0.130 → 1.0.132
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/README.md +8 -3
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -36,9 +36,9 @@ import { Theme } from "@gospore/theme";
|
|
|
36
36
|
</Theme>
|
|
37
37
|
```
|
|
38
38
|
|
|
39
|
-
| Prop
|
|
40
|
-
|
|
|
41
|
-
| `mode`
|
|
39
|
+
| Prop | Type | Default | Description |
|
|
40
|
+
| ------------- | -------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------------------------------- |
|
|
41
|
+
| `mode` | `auto | light | dark` | `auto` | Controls which color mode is active. `auto` follows the OS preference (and persisted storage when used with `ThemeSwitcher`). |
|
|
42
42
|
| `accentColor` | `String` | `undefined` | Optional HEX color (`#RRGGBB` or `#RGB`). When provided, the component derives a full brand palette and applies it to both the local `.theme` wrapper and `document.documentElement` for portals. |
|
|
43
43
|
|
|
44
44
|
`<Theme>` listens for system changes, stores the resolved mode, exposes a
|
|
@@ -64,6 +64,11 @@ The switcher is a ready-made dropdown that persists the selected mode to local
|
|
|
64
64
|
storage via `modeStorage`. It emits `update:mode` and updates `<Theme>` when you
|
|
65
65
|
use it with `v-model`.
|
|
66
66
|
|
|
67
|
+
`ThemeSwitcher` composes `@gospore/dropdown-menu` + `DropdownItemRadio`, so
|
|
68
|
+
import `@gospore/dropdown-menu/dropdown-menu.css`,
|
|
69
|
+
`@gospore/button/button.css`, and `@gospore/radio/radio.css` alongside the theme
|
|
70
|
+
tokens when you mount it.
|
|
71
|
+
|
|
67
72
|
## Utility files
|
|
68
73
|
|
|
69
74
|
- Token source files live under `src/` (`basic.less`, `styles.less`,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gospore/theme",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.132",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Gospore",
|
|
6
6
|
"type": "module",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"vue": "^3.4.20"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@gospore/dropdown-menu": "^1.0.
|
|
31
|
+
"@gospore/dropdown-menu": "^1.0.100",
|
|
32
32
|
"what-input": "^5.2.12"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
@@ -36,6 +36,6 @@
|
|
|
36
36
|
"unplugin-vue-macros": "^2.14.5",
|
|
37
37
|
"vite": "^7.1.12"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "bbb833df3768d71bc93c6ec30f2c2862ef66056e",
|
|
40
40
|
"types": "./dist/index.d.ts"
|
|
41
41
|
}
|