@elvora/themes 1.0.0-rc.1
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/LICENSE +21 -0
- package/README.md +41 -0
- package/dist/index.cjs +220 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +217 -0
- package/dist/index.js.map +1 -0
- package/package.json +58 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Elvora UI Contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# @elvora/themes
|
|
2
|
+
|
|
3
|
+
Theme presets for [Elvora UI](https://github.com/elvora-ui/elvora) — default light, dark, and compatibility themes derived from [@elvora/tokens](../tokens).
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @elvora/themes
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
```ts
|
|
14
|
+
import { ElvoraProvider } from '@elvora/react';
|
|
15
|
+
import { defaultTheme, darkTheme } from '@elvora/themes';
|
|
16
|
+
|
|
17
|
+
function App() {
|
|
18
|
+
return (
|
|
19
|
+
<ElvoraProvider theme={darkTheme}>
|
|
20
|
+
{/* … */}
|
|
21
|
+
</ElvoraProvider>
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Available themes
|
|
27
|
+
|
|
28
|
+
- `defaultTheme` — light, neutral palette, brand-agnostic
|
|
29
|
+
- `darkTheme` — dark mode variant of `defaultTheme`
|
|
30
|
+
|
|
31
|
+
Compatibility themes for Ant Design / MUI parity are on the roadmap.
|
|
32
|
+
|
|
33
|
+
## Custom themes
|
|
34
|
+
|
|
35
|
+
Compose your own theme by deep-merging on top of `defaultTheme` — all
|
|
36
|
+
intent palettes, radii, durations, easings, and typography scales are
|
|
37
|
+
plain JS objects.
|
|
38
|
+
|
|
39
|
+
## License
|
|
40
|
+
|
|
41
|
+
MIT
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tokens = require('@elvora/tokens');
|
|
4
|
+
|
|
5
|
+
// src/defaultTheme.ts
|
|
6
|
+
var { colors, radii, shadows, motion } = tokens.tokens;
|
|
7
|
+
var defaultTheme = {
|
|
8
|
+
name: "default",
|
|
9
|
+
mode: "light",
|
|
10
|
+
tokens: tokens.tokens,
|
|
11
|
+
radii: {
|
|
12
|
+
sm: radii.sm,
|
|
13
|
+
md: radii.md,
|
|
14
|
+
lg: radii.lg,
|
|
15
|
+
full: radii.full
|
|
16
|
+
},
|
|
17
|
+
shadows: {
|
|
18
|
+
sm: shadows.sm,
|
|
19
|
+
md: shadows.md,
|
|
20
|
+
lg: shadows.lg,
|
|
21
|
+
focus: shadows.focus
|
|
22
|
+
},
|
|
23
|
+
durations: {
|
|
24
|
+
fast: motion.durations.fast,
|
|
25
|
+
normal: motion.durations.normal,
|
|
26
|
+
slow: motion.durations.slow
|
|
27
|
+
},
|
|
28
|
+
easings: {
|
|
29
|
+
standard: motion.easings.standard,
|
|
30
|
+
emphasized: motion.easings.emphasized
|
|
31
|
+
},
|
|
32
|
+
colors: {
|
|
33
|
+
background: colors.white,
|
|
34
|
+
surface: colors.slate[50],
|
|
35
|
+
surfaceElevated: colors.white,
|
|
36
|
+
fg: colors.slate[900],
|
|
37
|
+
fgMuted: colors.slate[600],
|
|
38
|
+
fgSubtle: colors.slate[400],
|
|
39
|
+
border: colors.slate[200],
|
|
40
|
+
borderStrong: colors.slate[300],
|
|
41
|
+
intent: {
|
|
42
|
+
primary: {
|
|
43
|
+
solid: colors.blue[600],
|
|
44
|
+
solidHover: colors.blue[700],
|
|
45
|
+
solidActive: colors.blue[800],
|
|
46
|
+
solidFg: colors.white,
|
|
47
|
+
subtle: colors.blue[50],
|
|
48
|
+
subtleHover: colors.blue[100],
|
|
49
|
+
fg: colors.blue[700],
|
|
50
|
+
border: colors.blue[300],
|
|
51
|
+
ring: colors.blue[400]
|
|
52
|
+
},
|
|
53
|
+
neutral: {
|
|
54
|
+
solid: colors.slate[800],
|
|
55
|
+
solidHover: colors.slate[900],
|
|
56
|
+
solidActive: colors.black,
|
|
57
|
+
solidFg: colors.white,
|
|
58
|
+
subtle: colors.slate[100],
|
|
59
|
+
subtleHover: colors.slate[200],
|
|
60
|
+
fg: colors.slate[700],
|
|
61
|
+
border: colors.slate[300],
|
|
62
|
+
ring: colors.slate[400]
|
|
63
|
+
},
|
|
64
|
+
success: {
|
|
65
|
+
solid: colors.green[600],
|
|
66
|
+
solidHover: colors.green[700],
|
|
67
|
+
solidActive: colors.green[800],
|
|
68
|
+
solidFg: colors.white,
|
|
69
|
+
subtle: colors.green[50],
|
|
70
|
+
subtleHover: colors.green[100],
|
|
71
|
+
fg: colors.green[700],
|
|
72
|
+
border: colors.green[300],
|
|
73
|
+
ring: colors.green[400]
|
|
74
|
+
},
|
|
75
|
+
warning: {
|
|
76
|
+
solid: colors.amber[500],
|
|
77
|
+
solidHover: colors.amber[600],
|
|
78
|
+
solidActive: colors.amber[700],
|
|
79
|
+
solidFg: colors.slate[900],
|
|
80
|
+
subtle: colors.amber[50],
|
|
81
|
+
subtleHover: colors.amber[100],
|
|
82
|
+
fg: colors.amber[700],
|
|
83
|
+
border: colors.amber[300],
|
|
84
|
+
ring: colors.amber[400]
|
|
85
|
+
},
|
|
86
|
+
danger: {
|
|
87
|
+
solid: colors.red[600],
|
|
88
|
+
solidHover: colors.red[700],
|
|
89
|
+
solidActive: colors.red[800],
|
|
90
|
+
solidFg: colors.white,
|
|
91
|
+
subtle: colors.red[50],
|
|
92
|
+
subtleHover: colors.red[100],
|
|
93
|
+
fg: colors.red[700],
|
|
94
|
+
border: colors.red[300],
|
|
95
|
+
ring: colors.red[400]
|
|
96
|
+
},
|
|
97
|
+
info: {
|
|
98
|
+
solid: colors.violet[600],
|
|
99
|
+
solidHover: colors.violet[700],
|
|
100
|
+
solidActive: colors.violet[800],
|
|
101
|
+
solidFg: colors.white,
|
|
102
|
+
subtle: colors.violet[50],
|
|
103
|
+
subtleHover: colors.violet[100],
|
|
104
|
+
fg: colors.violet[700],
|
|
105
|
+
border: colors.violet[300],
|
|
106
|
+
ring: colors.violet[400]
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
};
|
|
111
|
+
var { colors: colors2, radii: radii2, motion: motion2 } = tokens.tokens;
|
|
112
|
+
var darkTheme = {
|
|
113
|
+
name: "dark",
|
|
114
|
+
mode: "dark",
|
|
115
|
+
tokens: tokens.tokens,
|
|
116
|
+
radii: {
|
|
117
|
+
sm: radii2.sm,
|
|
118
|
+
md: radii2.md,
|
|
119
|
+
lg: radii2.lg,
|
|
120
|
+
full: radii2.full
|
|
121
|
+
},
|
|
122
|
+
shadows: {
|
|
123
|
+
sm: "0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 2px -1px rgba(0, 0, 0, 0.6)",
|
|
124
|
+
md: "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",
|
|
125
|
+
lg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",
|
|
126
|
+
focus: "0 0 0 3px rgba(96, 165, 250, 0.6)"
|
|
127
|
+
},
|
|
128
|
+
durations: {
|
|
129
|
+
fast: motion2.durations.fast,
|
|
130
|
+
normal: motion2.durations.normal,
|
|
131
|
+
slow: motion2.durations.slow
|
|
132
|
+
},
|
|
133
|
+
easings: {
|
|
134
|
+
standard: motion2.easings.standard,
|
|
135
|
+
emphasized: motion2.easings.emphasized
|
|
136
|
+
},
|
|
137
|
+
colors: {
|
|
138
|
+
background: colors2.slate[900],
|
|
139
|
+
surface: colors2.slate[800],
|
|
140
|
+
surfaceElevated: colors2.slate[700],
|
|
141
|
+
fg: colors2.slate[50],
|
|
142
|
+
fgMuted: colors2.slate[400],
|
|
143
|
+
fgSubtle: colors2.slate[500],
|
|
144
|
+
border: colors2.slate[700],
|
|
145
|
+
borderStrong: colors2.slate[600],
|
|
146
|
+
intent: {
|
|
147
|
+
primary: {
|
|
148
|
+
solid: colors2.blue[500],
|
|
149
|
+
solidHover: colors2.blue[400],
|
|
150
|
+
solidActive: colors2.blue[300],
|
|
151
|
+
solidFg: colors2.slate[900],
|
|
152
|
+
subtle: "rgba(59, 130, 246, 0.15)",
|
|
153
|
+
subtleHover: "rgba(59, 130, 246, 0.25)",
|
|
154
|
+
fg: colors2.blue[300],
|
|
155
|
+
border: colors2.blue[700],
|
|
156
|
+
ring: colors2.blue[400]
|
|
157
|
+
},
|
|
158
|
+
neutral: {
|
|
159
|
+
solid: colors2.slate[200],
|
|
160
|
+
solidHover: colors2.slate[100],
|
|
161
|
+
solidActive: colors2.white,
|
|
162
|
+
solidFg: colors2.slate[900],
|
|
163
|
+
subtle: "rgba(148, 163, 184, 0.15)",
|
|
164
|
+
subtleHover: "rgba(148, 163, 184, 0.25)",
|
|
165
|
+
fg: colors2.slate[200],
|
|
166
|
+
border: colors2.slate[600],
|
|
167
|
+
ring: colors2.slate[400]
|
|
168
|
+
},
|
|
169
|
+
success: {
|
|
170
|
+
solid: colors2.green[500],
|
|
171
|
+
solidHover: colors2.green[400],
|
|
172
|
+
solidActive: colors2.green[300],
|
|
173
|
+
solidFg: colors2.slate[900],
|
|
174
|
+
subtle: "rgba(34, 197, 94, 0.15)",
|
|
175
|
+
subtleHover: "rgba(34, 197, 94, 0.25)",
|
|
176
|
+
fg: colors2.green[300],
|
|
177
|
+
border: colors2.green[700],
|
|
178
|
+
ring: colors2.green[400]
|
|
179
|
+
},
|
|
180
|
+
warning: {
|
|
181
|
+
solid: colors2.amber[400],
|
|
182
|
+
solidHover: colors2.amber[300],
|
|
183
|
+
solidActive: colors2.amber[200],
|
|
184
|
+
solidFg: colors2.slate[900],
|
|
185
|
+
subtle: "rgba(245, 158, 11, 0.15)",
|
|
186
|
+
subtleHover: "rgba(245, 158, 11, 0.25)",
|
|
187
|
+
fg: colors2.amber[300],
|
|
188
|
+
border: colors2.amber[700],
|
|
189
|
+
ring: colors2.amber[400]
|
|
190
|
+
},
|
|
191
|
+
danger: {
|
|
192
|
+
solid: colors2.red[500],
|
|
193
|
+
solidHover: colors2.red[400],
|
|
194
|
+
solidActive: colors2.red[300],
|
|
195
|
+
solidFg: colors2.slate[900],
|
|
196
|
+
subtle: "rgba(239, 68, 68, 0.15)",
|
|
197
|
+
subtleHover: "rgba(239, 68, 68, 0.25)",
|
|
198
|
+
fg: colors2.red[300],
|
|
199
|
+
border: colors2.red[700],
|
|
200
|
+
ring: colors2.red[400]
|
|
201
|
+
},
|
|
202
|
+
info: {
|
|
203
|
+
solid: colors2.violet[500],
|
|
204
|
+
solidHover: colors2.violet[400],
|
|
205
|
+
solidActive: colors2.violet[300],
|
|
206
|
+
solidFg: colors2.slate[900],
|
|
207
|
+
subtle: "rgba(139, 92, 246, 0.15)",
|
|
208
|
+
subtleHover: "rgba(139, 92, 246, 0.25)",
|
|
209
|
+
fg: colors2.violet[300],
|
|
210
|
+
border: colors2.violet[700],
|
|
211
|
+
ring: colors2.violet[400]
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
exports.darkTheme = darkTheme;
|
|
218
|
+
exports.defaultTheme = defaultTheme;
|
|
219
|
+
//# sourceMappingURL=index.cjs.map
|
|
220
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/defaultTheme.ts","../src/darkTheme.ts"],"names":["tokens","colors","radii","motion"],"mappings":"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","file":"index.cjs","sourcesContent":["import { tokens } from '@elvora/tokens';\r\nimport type { ElvoraTheme } from '@elvora/core';\r\n\r\nconst { colors, radii, shadows, motion } = tokens;\r\n\r\nexport const defaultTheme: ElvoraTheme = {\r\n name: 'default',\r\n mode: 'light',\r\n tokens,\r\n\r\n radii: {\r\n sm: radii.sm,\r\n md: radii.md,\r\n lg: radii.lg,\r\n full: radii.full,\r\n },\r\n\r\n shadows: {\r\n sm: shadows.sm,\r\n md: shadows.md,\r\n lg: shadows.lg,\r\n focus: shadows.focus,\r\n },\r\n\r\n durations: {\r\n fast: motion.durations.fast,\r\n normal: motion.durations.normal,\r\n slow: motion.durations.slow,\r\n },\r\n\r\n easings: {\r\n standard: motion.easings.standard,\r\n emphasized: motion.easings.emphasized,\r\n },\r\n\r\n colors: {\r\n background: colors.white,\r\n surface: colors.slate[50],\r\n surfaceElevated: colors.white,\r\n fg: colors.slate[900],\r\n fgMuted: colors.slate[600],\r\n fgSubtle: colors.slate[400],\r\n border: colors.slate[200],\r\n borderStrong: colors.slate[300],\r\n\r\n intent: {\r\n primary: {\r\n solid: colors.blue[600],\r\n solidHover: colors.blue[700],\r\n solidActive: colors.blue[800],\r\n solidFg: colors.white,\r\n subtle: colors.blue[50],\r\n subtleHover: colors.blue[100],\r\n fg: colors.blue[700],\r\n border: colors.blue[300],\r\n ring: colors.blue[400],\r\n },\r\n neutral: {\r\n solid: colors.slate[800],\r\n solidHover: colors.slate[900],\r\n solidActive: colors.black,\r\n solidFg: colors.white,\r\n subtle: colors.slate[100],\r\n subtleHover: colors.slate[200],\r\n fg: colors.slate[700],\r\n border: colors.slate[300],\r\n ring: colors.slate[400],\r\n },\r\n success: {\r\n solid: colors.green[600],\r\n solidHover: colors.green[700],\r\n solidActive: colors.green[800],\r\n solidFg: colors.white,\r\n subtle: colors.green[50],\r\n subtleHover: colors.green[100],\r\n fg: colors.green[700],\r\n border: colors.green[300],\r\n ring: colors.green[400],\r\n },\r\n warning: {\r\n solid: colors.amber[500],\r\n solidHover: colors.amber[600],\r\n solidActive: colors.amber[700],\r\n solidFg: colors.slate[900],\r\n subtle: colors.amber[50],\r\n subtleHover: colors.amber[100],\r\n fg: colors.amber[700],\r\n border: colors.amber[300],\r\n ring: colors.amber[400],\r\n },\r\n danger: {\r\n solid: colors.red[600],\r\n solidHover: colors.red[700],\r\n solidActive: colors.red[800],\r\n solidFg: colors.white,\r\n subtle: colors.red[50],\r\n subtleHover: colors.red[100],\r\n fg: colors.red[700],\r\n border: colors.red[300],\r\n ring: colors.red[400],\r\n },\r\n info: {\r\n solid: colors.violet[600],\r\n solidHover: colors.violet[700],\r\n solidActive: colors.violet[800],\r\n solidFg: colors.white,\r\n subtle: colors.violet[50],\r\n subtleHover: colors.violet[100],\r\n fg: colors.violet[700],\r\n border: colors.violet[300],\r\n ring: colors.violet[400],\r\n },\r\n },\r\n },\r\n};\r\n","import { tokens } from '@elvora/tokens';\r\nimport type { ElvoraTheme } from '@elvora/core';\r\n\r\nconst { colors, radii, motion } = tokens;\r\n\r\nexport const darkTheme: ElvoraTheme = {\r\n name: 'dark',\r\n mode: 'dark',\r\n tokens,\r\n\r\n radii: {\r\n sm: radii.sm,\r\n md: radii.md,\r\n lg: radii.lg,\r\n full: radii.full,\r\n },\r\n\r\n shadows: {\r\n sm: '0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 2px -1px rgba(0, 0, 0, 0.6)',\r\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)',\r\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)',\r\n focus: '0 0 0 3px rgba(96, 165, 250, 0.6)',\r\n },\r\n\r\n durations: {\r\n fast: motion.durations.fast,\r\n normal: motion.durations.normal,\r\n slow: motion.durations.slow,\r\n },\r\n\r\n easings: {\r\n standard: motion.easings.standard,\r\n emphasized: motion.easings.emphasized,\r\n },\r\n\r\n colors: {\r\n background: colors.slate[900],\r\n surface: colors.slate[800],\r\n surfaceElevated: colors.slate[700],\r\n fg: colors.slate[50],\r\n fgMuted: colors.slate[400],\r\n fgSubtle: colors.slate[500],\r\n border: colors.slate[700],\r\n borderStrong: colors.slate[600],\r\n\r\n intent: {\r\n primary: {\r\n solid: colors.blue[500],\r\n solidHover: colors.blue[400],\r\n solidActive: colors.blue[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(59, 130, 246, 0.15)',\r\n subtleHover: 'rgba(59, 130, 246, 0.25)',\r\n fg: colors.blue[300],\r\n border: colors.blue[700],\r\n ring: colors.blue[400],\r\n },\r\n neutral: {\r\n solid: colors.slate[200],\r\n solidHover: colors.slate[100],\r\n solidActive: colors.white,\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(148, 163, 184, 0.15)',\r\n subtleHover: 'rgba(148, 163, 184, 0.25)',\r\n fg: colors.slate[200],\r\n border: colors.slate[600],\r\n ring: colors.slate[400],\r\n },\r\n success: {\r\n solid: colors.green[500],\r\n solidHover: colors.green[400],\r\n solidActive: colors.green[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(34, 197, 94, 0.15)',\r\n subtleHover: 'rgba(34, 197, 94, 0.25)',\r\n fg: colors.green[300],\r\n border: colors.green[700],\r\n ring: colors.green[400],\r\n },\r\n warning: {\r\n solid: colors.amber[400],\r\n solidHover: colors.amber[300],\r\n solidActive: colors.amber[200],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(245, 158, 11, 0.15)',\r\n subtleHover: 'rgba(245, 158, 11, 0.25)',\r\n fg: colors.amber[300],\r\n border: colors.amber[700],\r\n ring: colors.amber[400],\r\n },\r\n danger: {\r\n solid: colors.red[500],\r\n solidHover: colors.red[400],\r\n solidActive: colors.red[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(239, 68, 68, 0.15)',\r\n subtleHover: 'rgba(239, 68, 68, 0.25)',\r\n fg: colors.red[300],\r\n border: colors.red[700],\r\n ring: colors.red[400],\r\n },\r\n info: {\r\n solid: colors.violet[500],\r\n solidHover: colors.violet[400],\r\n solidActive: colors.violet[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(139, 92, 246, 0.15)',\r\n subtleHover: 'rgba(139, 92, 246, 0.25)',\r\n fg: colors.violet[300],\r\n border: colors.violet[700],\r\n ring: colors.violet[400],\r\n },\r\n },\r\n },\r\n};\r\n"]}
|
package/dist/index.d.cts
ADDED
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,217 @@
|
|
|
1
|
+
import { tokens } from '@elvora/tokens';
|
|
2
|
+
|
|
3
|
+
// src/defaultTheme.ts
|
|
4
|
+
var { colors, radii, shadows, motion } = tokens;
|
|
5
|
+
var defaultTheme = {
|
|
6
|
+
name: "default",
|
|
7
|
+
mode: "light",
|
|
8
|
+
tokens,
|
|
9
|
+
radii: {
|
|
10
|
+
sm: radii.sm,
|
|
11
|
+
md: radii.md,
|
|
12
|
+
lg: radii.lg,
|
|
13
|
+
full: radii.full
|
|
14
|
+
},
|
|
15
|
+
shadows: {
|
|
16
|
+
sm: shadows.sm,
|
|
17
|
+
md: shadows.md,
|
|
18
|
+
lg: shadows.lg,
|
|
19
|
+
focus: shadows.focus
|
|
20
|
+
},
|
|
21
|
+
durations: {
|
|
22
|
+
fast: motion.durations.fast,
|
|
23
|
+
normal: motion.durations.normal,
|
|
24
|
+
slow: motion.durations.slow
|
|
25
|
+
},
|
|
26
|
+
easings: {
|
|
27
|
+
standard: motion.easings.standard,
|
|
28
|
+
emphasized: motion.easings.emphasized
|
|
29
|
+
},
|
|
30
|
+
colors: {
|
|
31
|
+
background: colors.white,
|
|
32
|
+
surface: colors.slate[50],
|
|
33
|
+
surfaceElevated: colors.white,
|
|
34
|
+
fg: colors.slate[900],
|
|
35
|
+
fgMuted: colors.slate[600],
|
|
36
|
+
fgSubtle: colors.slate[400],
|
|
37
|
+
border: colors.slate[200],
|
|
38
|
+
borderStrong: colors.slate[300],
|
|
39
|
+
intent: {
|
|
40
|
+
primary: {
|
|
41
|
+
solid: colors.blue[600],
|
|
42
|
+
solidHover: colors.blue[700],
|
|
43
|
+
solidActive: colors.blue[800],
|
|
44
|
+
solidFg: colors.white,
|
|
45
|
+
subtle: colors.blue[50],
|
|
46
|
+
subtleHover: colors.blue[100],
|
|
47
|
+
fg: colors.blue[700],
|
|
48
|
+
border: colors.blue[300],
|
|
49
|
+
ring: colors.blue[400]
|
|
50
|
+
},
|
|
51
|
+
neutral: {
|
|
52
|
+
solid: colors.slate[800],
|
|
53
|
+
solidHover: colors.slate[900],
|
|
54
|
+
solidActive: colors.black,
|
|
55
|
+
solidFg: colors.white,
|
|
56
|
+
subtle: colors.slate[100],
|
|
57
|
+
subtleHover: colors.slate[200],
|
|
58
|
+
fg: colors.slate[700],
|
|
59
|
+
border: colors.slate[300],
|
|
60
|
+
ring: colors.slate[400]
|
|
61
|
+
},
|
|
62
|
+
success: {
|
|
63
|
+
solid: colors.green[600],
|
|
64
|
+
solidHover: colors.green[700],
|
|
65
|
+
solidActive: colors.green[800],
|
|
66
|
+
solidFg: colors.white,
|
|
67
|
+
subtle: colors.green[50],
|
|
68
|
+
subtleHover: colors.green[100],
|
|
69
|
+
fg: colors.green[700],
|
|
70
|
+
border: colors.green[300],
|
|
71
|
+
ring: colors.green[400]
|
|
72
|
+
},
|
|
73
|
+
warning: {
|
|
74
|
+
solid: colors.amber[500],
|
|
75
|
+
solidHover: colors.amber[600],
|
|
76
|
+
solidActive: colors.amber[700],
|
|
77
|
+
solidFg: colors.slate[900],
|
|
78
|
+
subtle: colors.amber[50],
|
|
79
|
+
subtleHover: colors.amber[100],
|
|
80
|
+
fg: colors.amber[700],
|
|
81
|
+
border: colors.amber[300],
|
|
82
|
+
ring: colors.amber[400]
|
|
83
|
+
},
|
|
84
|
+
danger: {
|
|
85
|
+
solid: colors.red[600],
|
|
86
|
+
solidHover: colors.red[700],
|
|
87
|
+
solidActive: colors.red[800],
|
|
88
|
+
solidFg: colors.white,
|
|
89
|
+
subtle: colors.red[50],
|
|
90
|
+
subtleHover: colors.red[100],
|
|
91
|
+
fg: colors.red[700],
|
|
92
|
+
border: colors.red[300],
|
|
93
|
+
ring: colors.red[400]
|
|
94
|
+
},
|
|
95
|
+
info: {
|
|
96
|
+
solid: colors.violet[600],
|
|
97
|
+
solidHover: colors.violet[700],
|
|
98
|
+
solidActive: colors.violet[800],
|
|
99
|
+
solidFg: colors.white,
|
|
100
|
+
subtle: colors.violet[50],
|
|
101
|
+
subtleHover: colors.violet[100],
|
|
102
|
+
fg: colors.violet[700],
|
|
103
|
+
border: colors.violet[300],
|
|
104
|
+
ring: colors.violet[400]
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
var { colors: colors2, radii: radii2, motion: motion2 } = tokens;
|
|
110
|
+
var darkTheme = {
|
|
111
|
+
name: "dark",
|
|
112
|
+
mode: "dark",
|
|
113
|
+
tokens: tokens,
|
|
114
|
+
radii: {
|
|
115
|
+
sm: radii2.sm,
|
|
116
|
+
md: radii2.md,
|
|
117
|
+
lg: radii2.lg,
|
|
118
|
+
full: radii2.full
|
|
119
|
+
},
|
|
120
|
+
shadows: {
|
|
121
|
+
sm: "0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 2px -1px rgba(0, 0, 0, 0.6)",
|
|
122
|
+
md: "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",
|
|
123
|
+
lg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",
|
|
124
|
+
focus: "0 0 0 3px rgba(96, 165, 250, 0.6)"
|
|
125
|
+
},
|
|
126
|
+
durations: {
|
|
127
|
+
fast: motion2.durations.fast,
|
|
128
|
+
normal: motion2.durations.normal,
|
|
129
|
+
slow: motion2.durations.slow
|
|
130
|
+
},
|
|
131
|
+
easings: {
|
|
132
|
+
standard: motion2.easings.standard,
|
|
133
|
+
emphasized: motion2.easings.emphasized
|
|
134
|
+
},
|
|
135
|
+
colors: {
|
|
136
|
+
background: colors2.slate[900],
|
|
137
|
+
surface: colors2.slate[800],
|
|
138
|
+
surfaceElevated: colors2.slate[700],
|
|
139
|
+
fg: colors2.slate[50],
|
|
140
|
+
fgMuted: colors2.slate[400],
|
|
141
|
+
fgSubtle: colors2.slate[500],
|
|
142
|
+
border: colors2.slate[700],
|
|
143
|
+
borderStrong: colors2.slate[600],
|
|
144
|
+
intent: {
|
|
145
|
+
primary: {
|
|
146
|
+
solid: colors2.blue[500],
|
|
147
|
+
solidHover: colors2.blue[400],
|
|
148
|
+
solidActive: colors2.blue[300],
|
|
149
|
+
solidFg: colors2.slate[900],
|
|
150
|
+
subtle: "rgba(59, 130, 246, 0.15)",
|
|
151
|
+
subtleHover: "rgba(59, 130, 246, 0.25)",
|
|
152
|
+
fg: colors2.blue[300],
|
|
153
|
+
border: colors2.blue[700],
|
|
154
|
+
ring: colors2.blue[400]
|
|
155
|
+
},
|
|
156
|
+
neutral: {
|
|
157
|
+
solid: colors2.slate[200],
|
|
158
|
+
solidHover: colors2.slate[100],
|
|
159
|
+
solidActive: colors2.white,
|
|
160
|
+
solidFg: colors2.slate[900],
|
|
161
|
+
subtle: "rgba(148, 163, 184, 0.15)",
|
|
162
|
+
subtleHover: "rgba(148, 163, 184, 0.25)",
|
|
163
|
+
fg: colors2.slate[200],
|
|
164
|
+
border: colors2.slate[600],
|
|
165
|
+
ring: colors2.slate[400]
|
|
166
|
+
},
|
|
167
|
+
success: {
|
|
168
|
+
solid: colors2.green[500],
|
|
169
|
+
solidHover: colors2.green[400],
|
|
170
|
+
solidActive: colors2.green[300],
|
|
171
|
+
solidFg: colors2.slate[900],
|
|
172
|
+
subtle: "rgba(34, 197, 94, 0.15)",
|
|
173
|
+
subtleHover: "rgba(34, 197, 94, 0.25)",
|
|
174
|
+
fg: colors2.green[300],
|
|
175
|
+
border: colors2.green[700],
|
|
176
|
+
ring: colors2.green[400]
|
|
177
|
+
},
|
|
178
|
+
warning: {
|
|
179
|
+
solid: colors2.amber[400],
|
|
180
|
+
solidHover: colors2.amber[300],
|
|
181
|
+
solidActive: colors2.amber[200],
|
|
182
|
+
solidFg: colors2.slate[900],
|
|
183
|
+
subtle: "rgba(245, 158, 11, 0.15)",
|
|
184
|
+
subtleHover: "rgba(245, 158, 11, 0.25)",
|
|
185
|
+
fg: colors2.amber[300],
|
|
186
|
+
border: colors2.amber[700],
|
|
187
|
+
ring: colors2.amber[400]
|
|
188
|
+
},
|
|
189
|
+
danger: {
|
|
190
|
+
solid: colors2.red[500],
|
|
191
|
+
solidHover: colors2.red[400],
|
|
192
|
+
solidActive: colors2.red[300],
|
|
193
|
+
solidFg: colors2.slate[900],
|
|
194
|
+
subtle: "rgba(239, 68, 68, 0.15)",
|
|
195
|
+
subtleHover: "rgba(239, 68, 68, 0.25)",
|
|
196
|
+
fg: colors2.red[300],
|
|
197
|
+
border: colors2.red[700],
|
|
198
|
+
ring: colors2.red[400]
|
|
199
|
+
},
|
|
200
|
+
info: {
|
|
201
|
+
solid: colors2.violet[500],
|
|
202
|
+
solidHover: colors2.violet[400],
|
|
203
|
+
solidActive: colors2.violet[300],
|
|
204
|
+
solidFg: colors2.slate[900],
|
|
205
|
+
subtle: "rgba(139, 92, 246, 0.15)",
|
|
206
|
+
subtleHover: "rgba(139, 92, 246, 0.25)",
|
|
207
|
+
fg: colors2.violet[300],
|
|
208
|
+
border: colors2.violet[700],
|
|
209
|
+
ring: colors2.violet[400]
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
|
|
215
|
+
export { darkTheme, defaultTheme };
|
|
216
|
+
//# sourceMappingURL=index.js.map
|
|
217
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/defaultTheme.ts","../src/darkTheme.ts"],"names":["colors","radii","motion","tokens"],"mappings":"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","file":"index.js","sourcesContent":["import { tokens } from '@elvora/tokens';\r\nimport type { ElvoraTheme } from '@elvora/core';\r\n\r\nconst { colors, radii, shadows, motion } = tokens;\r\n\r\nexport const defaultTheme: ElvoraTheme = {\r\n name: 'default',\r\n mode: 'light',\r\n tokens,\r\n\r\n radii: {\r\n sm: radii.sm,\r\n md: radii.md,\r\n lg: radii.lg,\r\n full: radii.full,\r\n },\r\n\r\n shadows: {\r\n sm: shadows.sm,\r\n md: shadows.md,\r\n lg: shadows.lg,\r\n focus: shadows.focus,\r\n },\r\n\r\n durations: {\r\n fast: motion.durations.fast,\r\n normal: motion.durations.normal,\r\n slow: motion.durations.slow,\r\n },\r\n\r\n easings: {\r\n standard: motion.easings.standard,\r\n emphasized: motion.easings.emphasized,\r\n },\r\n\r\n colors: {\r\n background: colors.white,\r\n surface: colors.slate[50],\r\n surfaceElevated: colors.white,\r\n fg: colors.slate[900],\r\n fgMuted: colors.slate[600],\r\n fgSubtle: colors.slate[400],\r\n border: colors.slate[200],\r\n borderStrong: colors.slate[300],\r\n\r\n intent: {\r\n primary: {\r\n solid: colors.blue[600],\r\n solidHover: colors.blue[700],\r\n solidActive: colors.blue[800],\r\n solidFg: colors.white,\r\n subtle: colors.blue[50],\r\n subtleHover: colors.blue[100],\r\n fg: colors.blue[700],\r\n border: colors.blue[300],\r\n ring: colors.blue[400],\r\n },\r\n neutral: {\r\n solid: colors.slate[800],\r\n solidHover: colors.slate[900],\r\n solidActive: colors.black,\r\n solidFg: colors.white,\r\n subtle: colors.slate[100],\r\n subtleHover: colors.slate[200],\r\n fg: colors.slate[700],\r\n border: colors.slate[300],\r\n ring: colors.slate[400],\r\n },\r\n success: {\r\n solid: colors.green[600],\r\n solidHover: colors.green[700],\r\n solidActive: colors.green[800],\r\n solidFg: colors.white,\r\n subtle: colors.green[50],\r\n subtleHover: colors.green[100],\r\n fg: colors.green[700],\r\n border: colors.green[300],\r\n ring: colors.green[400],\r\n },\r\n warning: {\r\n solid: colors.amber[500],\r\n solidHover: colors.amber[600],\r\n solidActive: colors.amber[700],\r\n solidFg: colors.slate[900],\r\n subtle: colors.amber[50],\r\n subtleHover: colors.amber[100],\r\n fg: colors.amber[700],\r\n border: colors.amber[300],\r\n ring: colors.amber[400],\r\n },\r\n danger: {\r\n solid: colors.red[600],\r\n solidHover: colors.red[700],\r\n solidActive: colors.red[800],\r\n solidFg: colors.white,\r\n subtle: colors.red[50],\r\n subtleHover: colors.red[100],\r\n fg: colors.red[700],\r\n border: colors.red[300],\r\n ring: colors.red[400],\r\n },\r\n info: {\r\n solid: colors.violet[600],\r\n solidHover: colors.violet[700],\r\n solidActive: colors.violet[800],\r\n solidFg: colors.white,\r\n subtle: colors.violet[50],\r\n subtleHover: colors.violet[100],\r\n fg: colors.violet[700],\r\n border: colors.violet[300],\r\n ring: colors.violet[400],\r\n },\r\n },\r\n },\r\n};\r\n","import { tokens } from '@elvora/tokens';\r\nimport type { ElvoraTheme } from '@elvora/core';\r\n\r\nconst { colors, radii, motion } = tokens;\r\n\r\nexport const darkTheme: ElvoraTheme = {\r\n name: 'dark',\r\n mode: 'dark',\r\n tokens,\r\n\r\n radii: {\r\n sm: radii.sm,\r\n md: radii.md,\r\n lg: radii.lg,\r\n full: radii.full,\r\n },\r\n\r\n shadows: {\r\n sm: '0 1px 3px 0 rgba(0, 0, 0, 0.6), 0 1px 2px -1px rgba(0, 0, 0, 0.6)',\r\n md: '0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)',\r\n lg: '0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)',\r\n focus: '0 0 0 3px rgba(96, 165, 250, 0.6)',\r\n },\r\n\r\n durations: {\r\n fast: motion.durations.fast,\r\n normal: motion.durations.normal,\r\n slow: motion.durations.slow,\r\n },\r\n\r\n easings: {\r\n standard: motion.easings.standard,\r\n emphasized: motion.easings.emphasized,\r\n },\r\n\r\n colors: {\r\n background: colors.slate[900],\r\n surface: colors.slate[800],\r\n surfaceElevated: colors.slate[700],\r\n fg: colors.slate[50],\r\n fgMuted: colors.slate[400],\r\n fgSubtle: colors.slate[500],\r\n border: colors.slate[700],\r\n borderStrong: colors.slate[600],\r\n\r\n intent: {\r\n primary: {\r\n solid: colors.blue[500],\r\n solidHover: colors.blue[400],\r\n solidActive: colors.blue[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(59, 130, 246, 0.15)',\r\n subtleHover: 'rgba(59, 130, 246, 0.25)',\r\n fg: colors.blue[300],\r\n border: colors.blue[700],\r\n ring: colors.blue[400],\r\n },\r\n neutral: {\r\n solid: colors.slate[200],\r\n solidHover: colors.slate[100],\r\n solidActive: colors.white,\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(148, 163, 184, 0.15)',\r\n subtleHover: 'rgba(148, 163, 184, 0.25)',\r\n fg: colors.slate[200],\r\n border: colors.slate[600],\r\n ring: colors.slate[400],\r\n },\r\n success: {\r\n solid: colors.green[500],\r\n solidHover: colors.green[400],\r\n solidActive: colors.green[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(34, 197, 94, 0.15)',\r\n subtleHover: 'rgba(34, 197, 94, 0.25)',\r\n fg: colors.green[300],\r\n border: colors.green[700],\r\n ring: colors.green[400],\r\n },\r\n warning: {\r\n solid: colors.amber[400],\r\n solidHover: colors.amber[300],\r\n solidActive: colors.amber[200],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(245, 158, 11, 0.15)',\r\n subtleHover: 'rgba(245, 158, 11, 0.25)',\r\n fg: colors.amber[300],\r\n border: colors.amber[700],\r\n ring: colors.amber[400],\r\n },\r\n danger: {\r\n solid: colors.red[500],\r\n solidHover: colors.red[400],\r\n solidActive: colors.red[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(239, 68, 68, 0.15)',\r\n subtleHover: 'rgba(239, 68, 68, 0.25)',\r\n fg: colors.red[300],\r\n border: colors.red[700],\r\n ring: colors.red[400],\r\n },\r\n info: {\r\n solid: colors.violet[500],\r\n solidHover: colors.violet[400],\r\n solidActive: colors.violet[300],\r\n solidFg: colors.slate[900],\r\n subtle: 'rgba(139, 92, 246, 0.15)',\r\n subtleHover: 'rgba(139, 92, 246, 0.25)',\r\n fg: colors.violet[300],\r\n border: colors.violet[700],\r\n ring: colors.violet[400],\r\n },\r\n },\r\n },\r\n};\r\n"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@elvora/themes",
|
|
3
|
+
"version": "1.0.0-rc.1",
|
|
4
|
+
"description": "Theme presets for Elvora UI — default light, dark, and compatibility themes derived from @elvora/tokens.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"author": "Elvora UI Contributors",
|
|
7
|
+
"homepage": "https://github.com/elvora-ui/elvora/tree/main/packages/themes#readme",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://github.com/elvora-ui/elvora.git",
|
|
11
|
+
"directory": "packages/themes"
|
|
12
|
+
},
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/elvora-ui/elvora/issues"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"themes",
|
|
18
|
+
"design-tokens",
|
|
19
|
+
"ui",
|
|
20
|
+
"dark-mode",
|
|
21
|
+
"elvora"
|
|
22
|
+
],
|
|
23
|
+
"type": "module",
|
|
24
|
+
"main": "./dist/index.cjs",
|
|
25
|
+
"module": "./dist/index.js",
|
|
26
|
+
"types": "./dist/index.d.ts",
|
|
27
|
+
"exports": {
|
|
28
|
+
".": {
|
|
29
|
+
"types": "./dist/index.d.ts",
|
|
30
|
+
"import": "./dist/index.js",
|
|
31
|
+
"require": "./dist/index.cjs"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"files": [
|
|
35
|
+
"dist"
|
|
36
|
+
],
|
|
37
|
+
"sideEffects": false,
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"@elvora/tokens": "1.0.0-rc.1",
|
|
40
|
+
"@elvora/core": "1.0.0-rc.1"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"rimraf": "^6.0.1",
|
|
44
|
+
"tsup": "^8.3.5",
|
|
45
|
+
"typescript": "^5.7.2"
|
|
46
|
+
},
|
|
47
|
+
"publishConfig": {
|
|
48
|
+
"access": "public"
|
|
49
|
+
},
|
|
50
|
+
"scripts": {
|
|
51
|
+
"build": "tsup",
|
|
52
|
+
"dev": "tsup --watch",
|
|
53
|
+
"typecheck": "tsc --noEmit",
|
|
54
|
+
"lint": "echo 'no lint configured'",
|
|
55
|
+
"test": "echo 'no tests yet'",
|
|
56
|
+
"clean": "rimraf dist"
|
|
57
|
+
}
|
|
58
|
+
}
|