@astryxdesign/theme-neutral 0.6.3-canary.98a2e4e → 0.6.3-canary.9c4d44d
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 +24 -2
- package/package.json +3 -3
- package/src/neutralTheme.doc.mjs +11 -0
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @astryxdesign/theme-neutral
|
|
2
2
|
|
|
3
|
-
Muted, minimal aesthetic with
|
|
3
|
+
Muted, minimal aesthetic with Figtree typography. Uses [Lucide](https://lucide.dev) icons.
|
|
4
4
|
|
|
5
5
|
## Install
|
|
6
6
|
|
|
@@ -82,7 +82,29 @@ Add the theme CSS to your stylesheet:
|
|
|
82
82
|
|
|
83
83
|
This is required for component-level theme overrides (colors, radii, typography) to take effect.
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
## Fonts
|
|
86
|
+
|
|
87
|
+
This theme uses a custom typeface:
|
|
88
|
+
|
|
89
|
+
| Role | Font |
|
|
90
|
+
| ------- | --------------------------- |
|
|
91
|
+
| Body | Figtree |
|
|
92
|
+
| Heading | Figtree |
|
|
93
|
+
| Code | System monospace (built in) |
|
|
94
|
+
|
|
95
|
+
**Figtree must be loaded separately.** The theme references it by name but does not bundle the font files.
|
|
96
|
+
|
|
97
|
+
Add this to your HTML `<head>`:
|
|
98
|
+
|
|
99
|
+
```html
|
|
100
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
101
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
102
|
+
<link
|
|
103
|
+
rel="stylesheet"
|
|
104
|
+
href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap" />
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
Without this, the theme falls back to system fonts. If you'd rather avoid external font requests entirely (offline apps, no-third-party-request policies), that fallback is a supported choice — the system stack is designed to hold up on its own.
|
|
86
108
|
|
|
87
109
|
## Related Packages
|
|
88
110
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astryxdesign/theme-neutral",
|
|
3
|
-
"version": "0.6.3-canary.
|
|
3
|
+
"version": "0.6.3-canary.9c4d44d",
|
|
4
4
|
"displayName": "Neutral Theme",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
|
|
@@ -50,11 +50,11 @@
|
|
|
50
50
|
"lucide-react": "^1.18.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@astryxdesign/core": "0.6.3-canary.
|
|
53
|
+
"@astryxdesign/core": "0.6.3-canary.9c4d44d",
|
|
54
54
|
"react": ">=19"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@astryxdesign/cli": "0.6.3-canary.
|
|
57
|
+
"@astryxdesign/cli": "0.6.3-canary.9c4d44d"
|
|
58
58
|
},
|
|
59
59
|
"module": "./dist/source.mjs",
|
|
60
60
|
"scripts": {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
2
|
+
|
|
3
|
+
/** @type {import('@astryxdesign/cli/authoring').ThemeDoc} */
|
|
4
|
+
export default {
|
|
5
|
+
type: 'theme',
|
|
6
|
+
name: 'neutral',
|
|
7
|
+
displayName: 'Neutral',
|
|
8
|
+
description:
|
|
9
|
+
'Restrained warm grays. Minimal and quiet, so the content stays the focus.',
|
|
10
|
+
maintained: true,
|
|
11
|
+
};
|