@chartts/themes 0.1.3 → 0.1.4
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 +60 -0
- package/package.json +5 -4
package/README.md
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://www.npmjs.com/package/@chartts/themes"><img src="https://img.shields.io/npm/v/@chartts/themes?color=06B6D4&label=npm" alt="npm version" /></a>
|
|
3
|
+
<a href="https://github.com/chartts/chartts/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-06B6D4" alt="MIT License" /></a>
|
|
4
|
+
<a href="https://chartts.com"><img src="https://img.shields.io/badge/docs-chartts.com-06B6D4" alt="Documentation" /></a>
|
|
5
|
+
</p>
|
|
6
|
+
|
|
7
|
+
# @chartts/themes
|
|
8
|
+
|
|
9
|
+
Extra theme presets for Chartts. Drop-in themes beyond the 5 built into core.
|
|
10
|
+
|
|
11
|
+
## Install
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm install @chartts/themes @chartts/core
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
```ts
|
|
20
|
+
import { neonTheme, pastelTheme, luxuryTheme } from "@chartts/themes"
|
|
21
|
+
import { createChart, lineChartType } from "@chartts/core"
|
|
22
|
+
|
|
23
|
+
createChart(container, lineChartType, data, { theme: neonTheme })
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
With framework packages:
|
|
27
|
+
|
|
28
|
+
```tsx
|
|
29
|
+
import { LineChart } from "@chartts/react"
|
|
30
|
+
import { midnightTheme } from "@chartts/themes"
|
|
31
|
+
|
|
32
|
+
<LineChart data={data} theme={midnightTheme} />
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Available themes
|
|
36
|
+
|
|
37
|
+
| Theme | Vibe |
|
|
38
|
+
|-------|------|
|
|
39
|
+
| `neonTheme` | Dark background, vivid neon accents, cyberpunk |
|
|
40
|
+
| `pastelTheme` | Soft muted tones, gentle on the eyes |
|
|
41
|
+
| `monochromeTheme` | Grayscale only, maximum clarity |
|
|
42
|
+
| `luxuryTheme` | Rich darks, gold accents, premium feel |
|
|
43
|
+
| `retroTheme` | Warm vintage tones, hand-drawn feel |
|
|
44
|
+
| `minimalTheme` | Ultra-clean, barely-there UI |
|
|
45
|
+
| `midnightTheme` | Deep blue dark mode |
|
|
46
|
+
| `earthTheme` | Natural, organic tones |
|
|
47
|
+
|
|
48
|
+
Core also includes 5 built-in presets: `corporate`, `saas`, `startup`, `editorial`, `ocean`.
|
|
49
|
+
|
|
50
|
+
## Part of Chartts
|
|
51
|
+
|
|
52
|
+
Beautiful charts. Tiny bundle. Every framework.
|
|
53
|
+
|
|
54
|
+
- [Documentation](https://chartts.com/docs)
|
|
55
|
+
- [GitHub](https://github.com/chartts/chartts)
|
|
56
|
+
- [All packages](https://www.npmjs.com/org/chartts)
|
|
57
|
+
|
|
58
|
+
## License
|
|
59
|
+
|
|
60
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chartts/themes",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.1.4",
|
|
4
|
+
"description": "Extra theme presets for Chartts. Neon, pastel, monochrome, luxury, retro, and more.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -14,11 +14,12 @@
|
|
|
14
14
|
}
|
|
15
15
|
},
|
|
16
16
|
"files": [
|
|
17
|
-
"dist"
|
|
17
|
+
"dist",
|
|
18
|
+
"README.md"
|
|
18
19
|
],
|
|
19
20
|
"sideEffects": false,
|
|
20
21
|
"peerDependencies": {
|
|
21
|
-
"@chartts/core": "0.1.
|
|
22
|
+
"@chartts/core": "0.1.4"
|
|
22
23
|
},
|
|
23
24
|
"license": "MIT",
|
|
24
25
|
"repository": {
|