@wizeworks/silicaui-mcp 0.44.0 → 0.46.0
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 +4 -2
- package/dist/data/classes.json +6 -1
- package/dist/data/components.json +30 -13
- package/dist/data/packages.json +1 -1
- package/dist/data/themes.json +2130 -0
- package/dist/server.js +144 -2
- package/dist/server.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2130 @@
|
|
|
1
|
+
{
|
|
2
|
+
"note": "A THEME is a set of token values applied through the `data-theme` attribute. It is the ONLY sanctioned way to change a palette: put the attribute on an element and everything inside resolves against that theme's tokens, with no per-theme CSS, no restyled components, and no literal hex anywhere. Colors, radii, border width, depth and the type faces all travel with it.",
|
|
3
|
+
"mechanism": {
|
|
4
|
+
"attribute": "data-theme",
|
|
5
|
+
"selectors": [
|
|
6
|
+
"[data-theme=\"light\"]",
|
|
7
|
+
"[data-theme=\"dark\"]",
|
|
8
|
+
"[data-theme]"
|
|
9
|
+
],
|
|
10
|
+
"builtIn": [
|
|
11
|
+
"light",
|
|
12
|
+
"dark"
|
|
13
|
+
],
|
|
14
|
+
"builtInNote": "`light` and `dark` ship with the plugin — no registration needed. `[data-theme=\"light\"]` is emitted EXPLICITLY so a light island can sit inside a dark page as easily as the reverse. Every other name comes from a preset or an app's own `@plugin` block (see `declaring`).",
|
|
15
|
+
"apply": "Put it on <html> to theme a whole page: `<html data-theme=\"dark\">`. Put it on any wrapper to theme one section: `<section data-theme=\"dark\"> … </section>`. Nesting works and is the intended idiom — an island resolves against the nearest ancestor that carries the attribute.",
|
|
16
|
+
"paints": [
|
|
17
|
+
"backgroundColor",
|
|
18
|
+
"color",
|
|
19
|
+
"fontFamily",
|
|
20
|
+
"fontSize"
|
|
21
|
+
],
|
|
22
|
+
"paintsNote": "The bare `[data-theme]` rule paints these on the element itself, which is why a wrapper is sufficient and a section needs no CSS of its own. It is scoped to `[data-theme]` deliberately: Silica never repaints a host page that did not opt in, so it stays embeddable under another design system.",
|
|
23
|
+
"darkMode": "There is no `.dark` class and no separate dark stylesheet — dark IS a theme. Switch by setting `data-theme=\"dark\"` (usually on <html>, from a toggle or the server). To follow the OS instead, declare a theme with `prefersdark` (see `declaring`), which applies it under `@media (prefers-color-scheme: dark)` for a root that carries no explicit `data-theme`.",
|
|
24
|
+
"presetModes": "A NAMED preset carries both modes, and which one shows is the host's dark strategy rather than anything the name encodes: emit `themeTokenCss(theme, selector, mode)` twice, once per mode, under whichever selectors that strategy uses. `[data-theme=\"light\"]`/`[data-theme=\"dark\"]` above is simply the built-in strategy, not the only one.",
|
|
25
|
+
"contentInk": "Inside an island, `--color-base-content` and each role's `-content` are already the legible ink for that theme's surfaces. That is what makes `<Button variant=\"outline\">` resolve correctly in a dark section with no per-theme prop — and what a hardcoded hex or a `/opacity` ink permanently opts out of.",
|
|
26
|
+
"never": "Do NOT hand-write per-theme CSS, an inline `style` on a control, or a literal hex to get a different palette — none of them can respond to the theme they end up inside. A component's `color`/`variant` props plus an ancestor `data-theme` are the whole mechanism."
|
|
27
|
+
},
|
|
28
|
+
"declaring": {
|
|
29
|
+
"plugin": "@wizeworks/silicaui/theme",
|
|
30
|
+
"sourceFile": "silicaui/src/theme-plugin.js",
|
|
31
|
+
"options": [
|
|
32
|
+
"color-scheme",
|
|
33
|
+
"default",
|
|
34
|
+
"name",
|
|
35
|
+
"prefersdark"
|
|
36
|
+
],
|
|
37
|
+
"tokenNote": "Any Silica token can also be set in the same block — `--color-*`, `--radius-*`, `--size-field`, `--border`, `--depth`, … (get_tokens lists them). Those entries are collected generically, so the list is open; the four named options above are the plugin's own switches.",
|
|
38
|
+
"doc": "Silica theme customization — define or override a theme entirely in CSS. @plugin \"@wizeworks/silicaui/theme\" { name: midnight; color-scheme: dark; default: true; // apply at :root (make it the default theme) prefersdark: true; // auto-apply when the OS prefers dark --color-primary: #7c3aed; --color-base-100: #0b1020; // …any Silica token: --radius-field, --size-field, --depth, etc. } Load it AFTER `@plugin \"@wizeworks/silicaui\"` so your values win by source order. Partial overrides are fine — unspecified tokens fall through to the built-in theme's values via the cascade. Any `--color-X` without a matching `--color-X-content` gets an auto-derived legible foreground.",
|
|
39
|
+
"contentNote": "A `--color-X` with no matching `--color-X-content` gets a legible foreground auto-derived by measured contrast — declare one only to override that choice.",
|
|
40
|
+
"partialNote": "Partial overrides are fine: unspecified tokens fall through to the built-in theme via the cascade. Load the theme plugin AFTER `@plugin \"@wizeworks/silicaui\"` so source order puts your values on top."
|
|
41
|
+
},
|
|
42
|
+
"themeObject": {
|
|
43
|
+
"typeName": "Theme",
|
|
44
|
+
"sourceFile": "silicaui-html/src/schema.ts",
|
|
45
|
+
"note": "The runtime/serializable form of a theme — what a builder, CMS or multi-tenant host stores and edits, as opposed to the build-time `@plugin` form above. `@wizeworks/silicaui-html` owns the type so the theme editor, the property panel and any headless consumer agree on what roles exist.",
|
|
46
|
+
"doc": "A native @wizeworks/silicaui theme — a token set applied via `[data-theme]` (§5).",
|
|
47
|
+
"fields": [
|
|
48
|
+
{
|
|
49
|
+
"name": "name",
|
|
50
|
+
"optional": false,
|
|
51
|
+
"type": "string",
|
|
52
|
+
"doc": "The `[data-theme]` value applied to the canvas/site root."
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"name": "tokens",
|
|
56
|
+
"optional": false,
|
|
57
|
+
"type": "Record<string, string>",
|
|
58
|
+
"doc": "Base (light) tokens: --color-*, --color-*-content, --radius-*, --size-*, …"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"name": "dark",
|
|
62
|
+
"optional": true,
|
|
63
|
+
"type": "Record<string, string>",
|
|
64
|
+
"doc": "Per-mode override deltas for dark."
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "mode",
|
|
68
|
+
"optional": true,
|
|
69
|
+
"type": "\"light\" | \"dark\"",
|
|
70
|
+
"doc": "Which mode this expresses; either is renderable."
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"name": "fonts",
|
|
74
|
+
"optional": true,
|
|
75
|
+
"type": "{ sans?: ThemeFontSelection; head?: ThemeFontSelection }",
|
|
76
|
+
"doc": "Which webfont each font token was picked from, when it's a Google Font — absent for a system-stack pick or an untouched/legacy theme. See `ThemeFontSelection`."
|
|
77
|
+
}
|
|
78
|
+
],
|
|
79
|
+
"fontSelection": [
|
|
80
|
+
{
|
|
81
|
+
"name": "family",
|
|
82
|
+
"optional": false,
|
|
83
|
+
"type": "string",
|
|
84
|
+
"doc": "The catalog family name, e.g. \"Inter\" — or a pinned system label like \"System\"."
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"name": "source",
|
|
88
|
+
"optional": false,
|
|
89
|
+
"type": "\"system\" | \"google\"",
|
|
90
|
+
"doc": ""
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "weights",
|
|
94
|
+
"optional": true,
|
|
95
|
+
"type": "number[]",
|
|
96
|
+
"doc": "Weights to load/self-host, e.g. [400, 600, 700]. Absent for a system source."
|
|
97
|
+
}
|
|
98
|
+
],
|
|
99
|
+
"surfaceTokens": [
|
|
100
|
+
"base-100",
|
|
101
|
+
"base-200",
|
|
102
|
+
"base-300",
|
|
103
|
+
"base-content"
|
|
104
|
+
],
|
|
105
|
+
"semanticRoles": [
|
|
106
|
+
"primary",
|
|
107
|
+
"secondary",
|
|
108
|
+
"accent",
|
|
109
|
+
"neutral",
|
|
110
|
+
"info",
|
|
111
|
+
"success",
|
|
112
|
+
"warning",
|
|
113
|
+
"error"
|
|
114
|
+
],
|
|
115
|
+
"rolesNote": "The role list is OPEN. `rolesOf(theme)` returns the eight semantic roles PLUS any custom `--color-X` the theme declares — scanning the dark bag as well as the base one, since a color added while the theme was in dark mode is still a role. Never hardcode a closed list against a Theme.",
|
|
116
|
+
"api": [
|
|
117
|
+
{
|
|
118
|
+
"name": "rolesOf",
|
|
119
|
+
"doc": "The role names a theme exposes — the canonical semantic roles PLUS any custom `--color-X` the theme defines (excluding surfaces and `-content` foregrounds). This is the list tooling should render, so a user-added `brand` color flows through to the palette automatically. Scans the dark overrides as well as the base tokens: a role is a role no matter which mode happens to declare it. Reading `tokens` alone made a color added while the theme was in DARK mode invisible everywhere downstream — no palette tile, no Inspector swatch, no generated utilities — even though the token was really there and the color picker could still edit it."
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"name": "colorValue",
|
|
123
|
+
"doc": "The effective value of a `--color-<name>` token for the given mode, following the same resolution the canvas uses: a dark-mode delta wins over the base token. Returns `undefined` if the theme doesn't define it (the component-level `-content` fallback or the registered default then applies)."
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"name": "resolveThemeTokens",
|
|
127
|
+
"doc": "A theme's EFFECTIVE token map for one mode: the base tokens with the dark delta merged over them, and a contrast-derived `--color-<role>-content` filled in for every role that doesn't declare one. This is the seam every surface that PAINTS a theme should go through — the canvas, a preview swatch, a publish pipeline. Deriving here rather than baking `-content` into the stored `Theme` is deliberate: - a stored pair goes STALE the moment the author edits the role color, and nothing in the schema records whether the pair was authored or derived, so a later \"refresh\" would have to guess whether it may overwrite; - a color invented at runtime gets the same treatment as a shipped one, with no separate path; - the `Theme` an author edits stays the small set of decisions they made. An explicitly authored `-content` always wins — this only FILLS gaps. A color that can't be parsed (a `color-mix()`, a `var()`) is left alone: @wizeworks/ @wizeworks/silicaui's CSS `autoContent` fallback still covers it at paint time, which is the honest outcome for a value we can't measure. \"AUTHORED\" IS PER MODE, and that distinction is the whole correctness of dark. A theme that authors `--color-primary-content` in `tokens` and overrides only `--color-primary` in `dark` — which is the normal shape, because the ink usually needs no thought — used to keep the LIGHT ink in dark mode: the merge carried it through, `tokens[contentKey]` was truthy, and derivation was skipped. The result was white ink on the pale dark-mode primary, on every filled surface in the theme, at roughly 1.7:1. It is the same fall-through `defineTheme` already had to fix for surfaces, one layer up. So a light ink survives into dark only while it is still ABOUT something: if the dark bag re-points the role's color, the light ink is stale by definition and gets re-derived. If the role color is unchanged in dark, the authored ink is still the author's measured decision and is left exactly alone."
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"name": "contrastWarnings",
|
|
131
|
+
"doc": "Every role in `theme` whose foreground — authored or derived — fails WCAG AA for body text, with the measured ratio. Empty is the healthy state. A theme editor surfaces this as a warning on the offending swatch; a publish pipeline can treat it as a gate. It exists because \"the best available ink\" and \"a legible ink\" are different claims, and a mid-tone high-chroma color can fail both black and white — the author has to know that, not discover it from a customer."
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "presetByName",
|
|
135
|
+
"doc": "Look up a preset by name (the value used as `[data-theme]`)."
|
|
136
|
+
}
|
|
137
|
+
],
|
|
138
|
+
"runtimeCss": {
|
|
139
|
+
"entrypoint": "@wizeworks/silicaui-html/theme",
|
|
140
|
+
"sourceFile": "silicaui-html/src/theme.ts",
|
|
141
|
+
"note": "For a color NAMED AT RUNTIME — a tenant inventing `sunset` in a theme editor months after the bundle shipped — no build-time `colors:` list can carry it. These two emit the same rules the plugin would have, by calling Silica's own generators, so a runtime color is byte-for-byte a declared one. Ship BOTH: `customColorCss` emits the rules, `themeTokenCss` declares the custom properties they read, and the rules have no fallback, so shipping one without the other paints nothing.",
|
|
142
|
+
"functions": [
|
|
143
|
+
{
|
|
144
|
+
"name": "themeTokenCss",
|
|
145
|
+
"doc": "A theme's tokens as a CSS rule — the `--color-*` / `--radius-*` / `--font-*` custom properties a `[data-theme]` island resolves against. Goes through `resolveThemeTokens`, so every role carries a contrast-MEASURED `-content` foreground rather than falling back to @wizeworks/silicaui's CSS lightness threshold. A color the author invents is measured the same way a shipped preset is. @param selector The rule's selector. Defaults to `:root`; pass `[data-theme=\"acme\"]` for a named island, or a container selector to scope a preview. @param mode Which side of the theme to emit. A theme carrying a `dark` delta is two calls, one per mode, under whichever selectors the host's dark strategy uses — this function takes no view on that."
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "customColorCss",
|
|
149
|
+
"doc": "CSS for a theme's CUSTOM colors — the rules a build-time `@plugin \"@wizeworks/silicaui\" { colors: … }` would have emitted for names that were coined after the build. Returns `\"\"` when the theme adds no custom colors, which is the common case — so a host can call this unconditionally on every render and inject the result without a length check. @param scope Optional selector every rule is nested under. Omit it on a published page (the rules SHOULD be global, exactly like the declared colors they stand in for). Pass one — the builder passes `.sui-canvas` — to confine a preview's colors to the previewed region so they never repaint the editor's own chrome."
|
|
150
|
+
}
|
|
151
|
+
]
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"presets": [
|
|
155
|
+
{
|
|
156
|
+
"name": "quartz",
|
|
157
|
+
"character": "The default, and the only preset that states no type or shape: it is the house baseline, so it renders in @wizeworks/silicaui's own stack at @wizeworks/silicaui's own radii. One cool-mineral hue family (Chalk/Flint/Slate/Obsidian, 250-255) for structure, a single higher-chroma accent (Quartz, 211) reserved for interaction, and the four semantic roles kept to their functional hues but the same chroma discipline: Azurite/Malachite/Citrine/Garnet. Matches @wizeworks/silicaui's `colors.js` LIGHT/DARK exactly — keep the two in sync.",
|
|
158
|
+
"applyAs": "data-theme=\"quartz\"",
|
|
159
|
+
"mode": "light",
|
|
160
|
+
"roles": [
|
|
161
|
+
"primary",
|
|
162
|
+
"secondary",
|
|
163
|
+
"accent",
|
|
164
|
+
"neutral",
|
|
165
|
+
"info",
|
|
166
|
+
"success",
|
|
167
|
+
"warning",
|
|
168
|
+
"error"
|
|
169
|
+
],
|
|
170
|
+
"fonts": null,
|
|
171
|
+
"shape": {},
|
|
172
|
+
"light": {
|
|
173
|
+
"--color-base-100": "oklch(98% 0.003 250)",
|
|
174
|
+
"--color-base-200": "oklch(95% 0.004 250)",
|
|
175
|
+
"--color-base-300": "oklch(90% 0.006 250)",
|
|
176
|
+
"--color-base-content": "oklch(21% 0.012 255)",
|
|
177
|
+
"--color-primary": "oklch(42% 0.055 252)",
|
|
178
|
+
"--color-secondary": "oklch(55% 0.035 255)",
|
|
179
|
+
"--color-accent": "oklch(64% 0.13 211)",
|
|
180
|
+
"--color-neutral": "oklch(26% 0.014 255)",
|
|
181
|
+
"--color-info": "oklch(68% 0.1 232)",
|
|
182
|
+
"--color-success": "oklch(70% 0.12 150)",
|
|
183
|
+
"--color-warning": "oklch(80% 0.11 85)",
|
|
184
|
+
"--color-error": "oklch(58% 0.17 25)",
|
|
185
|
+
"--color-primary-content": "oklch(98% 0.01 252)",
|
|
186
|
+
"--color-secondary-content": "oklch(98% 0.01 255)",
|
|
187
|
+
"--color-accent-content": "oklch(15% 0.02 211)",
|
|
188
|
+
"--color-neutral-content": "oklch(98% 0.01 255)",
|
|
189
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
190
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
191
|
+
"--color-warning-content": "oklch(15% 0.02 85)",
|
|
192
|
+
"--color-error-content": "oklch(100% 0 0)"
|
|
193
|
+
},
|
|
194
|
+
"dark": {
|
|
195
|
+
"--color-base-100": "oklch(16% 0.01 255)",
|
|
196
|
+
"--color-base-200": "oklch(13.5% 0.01 255)",
|
|
197
|
+
"--color-base-300": "oklch(11% 0.01 255)",
|
|
198
|
+
"--color-base-content": "oklch(93% 0.006 250)",
|
|
199
|
+
"--color-primary": "oklch(72% 0.06 252)",
|
|
200
|
+
"--color-secondary": "oklch(78% 0.035 255)",
|
|
201
|
+
"--color-accent": "oklch(72% 0.13 211)",
|
|
202
|
+
"--color-neutral": "oklch(32% 0.016 255)",
|
|
203
|
+
"--color-info": "oklch(74% 0.09 232)",
|
|
204
|
+
"--color-success": "oklch(75% 0.11 150)",
|
|
205
|
+
"--color-warning": "oklch(83% 0.1 85)",
|
|
206
|
+
"--color-error": "oklch(66% 0.18 25)",
|
|
207
|
+
"--color-primary-content": "oklch(15% 0.02 252)",
|
|
208
|
+
"--color-secondary-content": "oklch(15% 0.02 255)",
|
|
209
|
+
"--color-accent-content": "oklch(15% 0.02 211)",
|
|
210
|
+
"--color-neutral-content": "oklch(98% 0.01 255)",
|
|
211
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
212
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
213
|
+
"--color-warning-content": "oklch(15% 0.02 85)",
|
|
214
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
215
|
+
},
|
|
216
|
+
"contrastWarnings": {
|
|
217
|
+
"light": [],
|
|
218
|
+
"dark": []
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "ocean",
|
|
223
|
+
"character": "Marine blues over a faintly cool white. Soft edges, humanist sans — the approachable end of professional.",
|
|
224
|
+
"applyAs": "data-theme=\"ocean\"",
|
|
225
|
+
"mode": "light",
|
|
226
|
+
"roles": [
|
|
227
|
+
"primary",
|
|
228
|
+
"secondary",
|
|
229
|
+
"accent",
|
|
230
|
+
"neutral",
|
|
231
|
+
"info",
|
|
232
|
+
"success",
|
|
233
|
+
"warning",
|
|
234
|
+
"error"
|
|
235
|
+
],
|
|
236
|
+
"fonts": {
|
|
237
|
+
"sans": {
|
|
238
|
+
"family": "Inter",
|
|
239
|
+
"source": "google",
|
|
240
|
+
"weights": [
|
|
241
|
+
400,
|
|
242
|
+
600,
|
|
243
|
+
700
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
"head": {
|
|
247
|
+
"family": "Sora",
|
|
248
|
+
"source": "google",
|
|
249
|
+
"weights": [
|
|
250
|
+
400,
|
|
251
|
+
600,
|
|
252
|
+
700
|
|
253
|
+
]
|
|
254
|
+
}
|
|
255
|
+
},
|
|
256
|
+
"shape": {
|
|
257
|
+
"--radius-selector": "1rem",
|
|
258
|
+
"--radius-field": "0.5rem",
|
|
259
|
+
"--radius-box": "0.75rem",
|
|
260
|
+
"--depth": "1"
|
|
261
|
+
},
|
|
262
|
+
"light": {
|
|
263
|
+
"--color-base-100": "oklch(99% 0.006 230)",
|
|
264
|
+
"--color-base-200": "oklch(96% 0.012 230)",
|
|
265
|
+
"--color-base-300": "oklch(91% 0.02 230)",
|
|
266
|
+
"--color-base-content": "oklch(28% 0.03 245)",
|
|
267
|
+
"--color-primary": "oklch(58% 0.15 235)",
|
|
268
|
+
"--color-secondary": "oklch(66% 0.13 200)",
|
|
269
|
+
"--color-accent": "oklch(72% 0.14 190)",
|
|
270
|
+
"--color-neutral": "oklch(38% 0.03 240)",
|
|
271
|
+
"--color-info": "oklch(70% 0.16 232)",
|
|
272
|
+
"--color-success": "oklch(72% 0.19 150)",
|
|
273
|
+
"--color-warning": "oklch(80% 0.17 80)",
|
|
274
|
+
"--color-error": "oklch(63% 0.24 25)",
|
|
275
|
+
"--radius-selector": "1rem",
|
|
276
|
+
"--radius-field": "0.5rem",
|
|
277
|
+
"--radius-box": "0.75rem",
|
|
278
|
+
"--depth": "1",
|
|
279
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
280
|
+
"--font-head": "\"Sora\", sans-serif",
|
|
281
|
+
"--color-primary-content": "oklch(15% 0.02 235)",
|
|
282
|
+
"--color-secondary-content": "oklch(15% 0.02 200)",
|
|
283
|
+
"--color-accent-content": "oklch(15% 0.02 190)",
|
|
284
|
+
"--color-neutral-content": "oklch(98% 0.01 240)",
|
|
285
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
286
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
287
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
288
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
289
|
+
},
|
|
290
|
+
"dark": {
|
|
291
|
+
"--color-base-100": "oklch(21% 0.02 245)",
|
|
292
|
+
"--color-base-200": "oklch(19% 0.02 245)",
|
|
293
|
+
"--color-base-300": "oklch(16% 0.02 245)",
|
|
294
|
+
"--color-base-content": "oklch(91% 0.02 230)",
|
|
295
|
+
"--color-primary": "oklch(76% 0.12 235)",
|
|
296
|
+
"--color-secondary": "oklch(80% 0.1 200)",
|
|
297
|
+
"--color-accent": "oklch(84% 0.12 190)",
|
|
298
|
+
"--color-neutral": "oklch(38% 0.028 240)",
|
|
299
|
+
"--color-info": "oklch(72% 0.15 232)",
|
|
300
|
+
"--color-success": "oklch(74% 0.18 150)",
|
|
301
|
+
"--color-warning": "oklch(82% 0.16 80)",
|
|
302
|
+
"--color-error": "oklch(68% 0.21 25)",
|
|
303
|
+
"--radius-selector": "1rem",
|
|
304
|
+
"--radius-field": "0.5rem",
|
|
305
|
+
"--radius-box": "0.75rem",
|
|
306
|
+
"--depth": "1",
|
|
307
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
308
|
+
"--font-head": "\"Sora\", sans-serif",
|
|
309
|
+
"--color-primary-content": "oklch(15% 0.02 235)",
|
|
310
|
+
"--color-secondary-content": "oklch(15% 0.02 200)",
|
|
311
|
+
"--color-accent-content": "oklch(15% 0.02 190)",
|
|
312
|
+
"--color-neutral-content": "oklch(98% 0.01 240)",
|
|
313
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
314
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
315
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
316
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
317
|
+
},
|
|
318
|
+
"contrastWarnings": {
|
|
319
|
+
"light": [],
|
|
320
|
+
"dark": []
|
|
321
|
+
}
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"name": "grape",
|
|
325
|
+
"character": "Saturated violet into magenta, on a barely-tinted lilac white. Geometric sans, generous corners — confident and a little loud.",
|
|
326
|
+
"applyAs": "data-theme=\"grape\"",
|
|
327
|
+
"mode": "light",
|
|
328
|
+
"roles": [
|
|
329
|
+
"primary",
|
|
330
|
+
"secondary",
|
|
331
|
+
"accent",
|
|
332
|
+
"neutral",
|
|
333
|
+
"info",
|
|
334
|
+
"success",
|
|
335
|
+
"warning",
|
|
336
|
+
"error"
|
|
337
|
+
],
|
|
338
|
+
"fonts": {
|
|
339
|
+
"sans": {
|
|
340
|
+
"family": "Inter",
|
|
341
|
+
"source": "google",
|
|
342
|
+
"weights": [
|
|
343
|
+
400,
|
|
344
|
+
600,
|
|
345
|
+
700
|
|
346
|
+
]
|
|
347
|
+
},
|
|
348
|
+
"head": {
|
|
349
|
+
"family": "Outfit",
|
|
350
|
+
"source": "google",
|
|
351
|
+
"weights": [
|
|
352
|
+
400,
|
|
353
|
+
600,
|
|
354
|
+
700
|
|
355
|
+
]
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
"shape": {
|
|
359
|
+
"--radius-selector": "1rem",
|
|
360
|
+
"--radius-field": "0.625rem",
|
|
361
|
+
"--radius-box": "1rem",
|
|
362
|
+
"--depth": "1"
|
|
363
|
+
},
|
|
364
|
+
"light": {
|
|
365
|
+
"--color-base-100": "oklch(99% 0.004 300)",
|
|
366
|
+
"--color-base-200": "oklch(97% 0.008 300)",
|
|
367
|
+
"--color-base-300": "oklch(92% 0.014 300)",
|
|
368
|
+
"--color-base-content": "oklch(26% 0.03 300)",
|
|
369
|
+
"--color-primary": "oklch(56% 0.24 300)",
|
|
370
|
+
"--color-secondary": "oklch(64% 0.2 340)",
|
|
371
|
+
"--color-accent": "oklch(70% 0.17 200)",
|
|
372
|
+
"--color-neutral": "oklch(34% 0.03 300)",
|
|
373
|
+
"--color-info": "oklch(70% 0.16 232)",
|
|
374
|
+
"--color-success": "oklch(72% 0.19 150)",
|
|
375
|
+
"--color-warning": "oklch(80% 0.17 80)",
|
|
376
|
+
"--color-error": "oklch(63% 0.24 25)",
|
|
377
|
+
"--radius-selector": "1rem",
|
|
378
|
+
"--radius-field": "0.625rem",
|
|
379
|
+
"--radius-box": "1rem",
|
|
380
|
+
"--depth": "1",
|
|
381
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
382
|
+
"--font-head": "\"Outfit\", sans-serif",
|
|
383
|
+
"--color-primary-content": "oklch(98% 0.01 300)",
|
|
384
|
+
"--color-secondary-content": "oklch(15% 0.02 340)",
|
|
385
|
+
"--color-accent-content": "oklch(15% 0.02 200)",
|
|
386
|
+
"--color-neutral-content": "oklch(98% 0.01 300)",
|
|
387
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
388
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
389
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
390
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
391
|
+
},
|
|
392
|
+
"dark": {
|
|
393
|
+
"--color-base-100": "oklch(22% 0.02 300)",
|
|
394
|
+
"--color-base-200": "oklch(20% 0.02 300)",
|
|
395
|
+
"--color-base-300": "oklch(17% 0.02 300)",
|
|
396
|
+
"--color-base-content": "oklch(92% 0.015 300)",
|
|
397
|
+
"--color-primary": "oklch(66% 0.22 300)",
|
|
398
|
+
"--color-secondary": "oklch(76% 0.17 340)",
|
|
399
|
+
"--color-accent": "oklch(82% 0.13 200)",
|
|
400
|
+
"--color-neutral": "oklch(39% 0.028 300)",
|
|
401
|
+
"--color-info": "oklch(72% 0.15 232)",
|
|
402
|
+
"--color-success": "oklch(74% 0.18 150)",
|
|
403
|
+
"--color-warning": "oklch(82% 0.16 80)",
|
|
404
|
+
"--color-error": "oklch(68% 0.21 25)",
|
|
405
|
+
"--radius-selector": "1rem",
|
|
406
|
+
"--radius-field": "0.625rem",
|
|
407
|
+
"--radius-box": "1rem",
|
|
408
|
+
"--depth": "1",
|
|
409
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
410
|
+
"--font-head": "\"Outfit\", sans-serif",
|
|
411
|
+
"--color-primary-content": "oklch(15% 0.02 300)",
|
|
412
|
+
"--color-secondary-content": "oklch(15% 0.02 340)",
|
|
413
|
+
"--color-accent-content": "oklch(15% 0.02 200)",
|
|
414
|
+
"--color-neutral-content": "oklch(98% 0.01 300)",
|
|
415
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
416
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
417
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
418
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
419
|
+
},
|
|
420
|
+
"contrastWarnings": {
|
|
421
|
+
"light": [],
|
|
422
|
+
"dark": []
|
|
423
|
+
}
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"name": "sunset",
|
|
427
|
+
"character": "Late-afternoon warmth: orange into red, gold as the highlight, on cream. Serif headings over a soft workhorse sans.",
|
|
428
|
+
"applyAs": "data-theme=\"sunset\"",
|
|
429
|
+
"mode": "light",
|
|
430
|
+
"roles": [
|
|
431
|
+
"primary",
|
|
432
|
+
"secondary",
|
|
433
|
+
"accent",
|
|
434
|
+
"neutral",
|
|
435
|
+
"info",
|
|
436
|
+
"success",
|
|
437
|
+
"warning",
|
|
438
|
+
"error"
|
|
439
|
+
],
|
|
440
|
+
"fonts": {
|
|
441
|
+
"sans": {
|
|
442
|
+
"family": "Work Sans",
|
|
443
|
+
"source": "google",
|
|
444
|
+
"weights": [
|
|
445
|
+
400,
|
|
446
|
+
600,
|
|
447
|
+
700
|
|
448
|
+
]
|
|
449
|
+
},
|
|
450
|
+
"head": {
|
|
451
|
+
"family": "Fraunces",
|
|
452
|
+
"source": "google",
|
|
453
|
+
"weights": [
|
|
454
|
+
400,
|
|
455
|
+
600,
|
|
456
|
+
700
|
|
457
|
+
]
|
|
458
|
+
}
|
|
459
|
+
},
|
|
460
|
+
"shape": {
|
|
461
|
+
"--radius-selector": "1rem",
|
|
462
|
+
"--radius-field": "0.5rem",
|
|
463
|
+
"--radius-box": "0.75rem",
|
|
464
|
+
"--depth": "1"
|
|
465
|
+
},
|
|
466
|
+
"light": {
|
|
467
|
+
"--color-base-100": "oklch(99% 0.01 70)",
|
|
468
|
+
"--color-base-200": "oklch(97% 0.016 70)",
|
|
469
|
+
"--color-base-300": "oklch(92% 0.026 60)",
|
|
470
|
+
"--color-base-content": "oklch(28% 0.04 40)",
|
|
471
|
+
"--color-primary": "oklch(64% 0.2 45)",
|
|
472
|
+
"--color-secondary": "oklch(60% 0.22 15)",
|
|
473
|
+
"--color-accent": "oklch(75% 0.16 90)",
|
|
474
|
+
"--color-neutral": "oklch(36% 0.03 45)",
|
|
475
|
+
"--color-info": "oklch(70% 0.16 232)",
|
|
476
|
+
"--color-success": "oklch(72% 0.19 150)",
|
|
477
|
+
"--color-warning": "oklch(80% 0.17 80)",
|
|
478
|
+
"--color-error": "oklch(63% 0.24 25)",
|
|
479
|
+
"--radius-selector": "1rem",
|
|
480
|
+
"--radius-field": "0.5rem",
|
|
481
|
+
"--radius-box": "0.75rem",
|
|
482
|
+
"--depth": "1",
|
|
483
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
484
|
+
"--font-head": "\"Fraunces\", serif",
|
|
485
|
+
"--color-primary-content": "oklch(15% 0.02 45)",
|
|
486
|
+
"--color-secondary-content": "oklch(0% 0 0)",
|
|
487
|
+
"--color-accent-content": "oklch(15% 0.02 90)",
|
|
488
|
+
"--color-neutral-content": "oklch(98% 0.01 45)",
|
|
489
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
490
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
491
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
492
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
493
|
+
},
|
|
494
|
+
"dark": {
|
|
495
|
+
"--color-base-100": "oklch(22% 0.02 40)",
|
|
496
|
+
"--color-base-200": "oklch(20% 0.02 40)",
|
|
497
|
+
"--color-base-300": "oklch(17% 0.02 40)",
|
|
498
|
+
"--color-base-content": "oklch(93% 0.02 60)",
|
|
499
|
+
"--color-primary": "oklch(70% 0.18 45)",
|
|
500
|
+
"--color-secondary": "oklch(72% 0.18 15)",
|
|
501
|
+
"--color-accent": "oklch(84% 0.14 90)",
|
|
502
|
+
"--color-neutral": "oklch(38% 0.028 45)",
|
|
503
|
+
"--color-info": "oklch(72% 0.15 232)",
|
|
504
|
+
"--color-success": "oklch(74% 0.18 150)",
|
|
505
|
+
"--color-warning": "oklch(82% 0.16 80)",
|
|
506
|
+
"--color-error": "oklch(68% 0.21 25)",
|
|
507
|
+
"--radius-selector": "1rem",
|
|
508
|
+
"--radius-field": "0.5rem",
|
|
509
|
+
"--radius-box": "0.75rem",
|
|
510
|
+
"--depth": "1",
|
|
511
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
512
|
+
"--font-head": "\"Fraunces\", serif",
|
|
513
|
+
"--color-primary-content": "oklch(15% 0.02 45)",
|
|
514
|
+
"--color-secondary-content": "oklch(15% 0.02 15)",
|
|
515
|
+
"--color-accent-content": "oklch(15% 0.02 90)",
|
|
516
|
+
"--color-neutral-content": "oklch(98% 0.01 45)",
|
|
517
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
518
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
519
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
520
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
521
|
+
},
|
|
522
|
+
"contrastWarnings": {
|
|
523
|
+
"light": [],
|
|
524
|
+
"dark": []
|
|
525
|
+
}
|
|
526
|
+
},
|
|
527
|
+
{
|
|
528
|
+
"name": "obsidian",
|
|
529
|
+
"character": "Near-monochrome charcoal with one electric cyan reserved for interaction. Square corners, no depth, a technical grotesk — reads like tooling.",
|
|
530
|
+
"applyAs": "data-theme=\"obsidian\"",
|
|
531
|
+
"mode": "light",
|
|
532
|
+
"roles": [
|
|
533
|
+
"primary",
|
|
534
|
+
"secondary",
|
|
535
|
+
"accent",
|
|
536
|
+
"neutral",
|
|
537
|
+
"info",
|
|
538
|
+
"success",
|
|
539
|
+
"warning",
|
|
540
|
+
"error"
|
|
541
|
+
],
|
|
542
|
+
"fonts": {
|
|
543
|
+
"sans": {
|
|
544
|
+
"family": "Inter",
|
|
545
|
+
"source": "google",
|
|
546
|
+
"weights": [
|
|
547
|
+
400,
|
|
548
|
+
600,
|
|
549
|
+
700
|
|
550
|
+
]
|
|
551
|
+
},
|
|
552
|
+
"head": {
|
|
553
|
+
"family": "Space Grotesk",
|
|
554
|
+
"source": "google",
|
|
555
|
+
"weights": [
|
|
556
|
+
400,
|
|
557
|
+
600,
|
|
558
|
+
700
|
|
559
|
+
]
|
|
560
|
+
}
|
|
561
|
+
},
|
|
562
|
+
"shape": {
|
|
563
|
+
"--radius-selector": "0.25rem",
|
|
564
|
+
"--radius-field": "0.125rem",
|
|
565
|
+
"--radius-box": "0.25rem",
|
|
566
|
+
"--depth": "0"
|
|
567
|
+
},
|
|
568
|
+
"light": {
|
|
569
|
+
"--color-base-100": "oklch(97% 0.002 250)",
|
|
570
|
+
"--color-base-200": "oklch(94% 0.003 250)",
|
|
571
|
+
"--color-base-300": "oklch(88% 0.005 250)",
|
|
572
|
+
"--color-base-content": "oklch(18% 0.008 250)",
|
|
573
|
+
"--color-primary": "oklch(30% 0.02 250)",
|
|
574
|
+
"--color-secondary": "oklch(46% 0.015 250)",
|
|
575
|
+
"--color-accent": "oklch(52% 0.12 210)",
|
|
576
|
+
"--color-neutral": "oklch(22% 0.01 250)",
|
|
577
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
578
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
579
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
580
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
581
|
+
"--radius-selector": "0.25rem",
|
|
582
|
+
"--radius-field": "0.125rem",
|
|
583
|
+
"--radius-box": "0.25rem",
|
|
584
|
+
"--depth": "0",
|
|
585
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
586
|
+
"--font-head": "\"Space Grotesk\", sans-serif",
|
|
587
|
+
"--color-primary-content": "oklch(98% 0.01 250)",
|
|
588
|
+
"--color-secondary-content": "oklch(98% 0.01 250)",
|
|
589
|
+
"--color-accent-content": "oklch(98% 0.01 210)",
|
|
590
|
+
"--color-neutral-content": "oklch(98% 0.01 250)",
|
|
591
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
592
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
593
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
594
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
595
|
+
},
|
|
596
|
+
"dark": {
|
|
597
|
+
"--color-base-100": "oklch(14% 0.006 250)",
|
|
598
|
+
"--color-base-200": "oklch(11% 0.006 250)",
|
|
599
|
+
"--color-base-300": "oklch(8% 0.006 250)",
|
|
600
|
+
"--color-base-content": "oklch(94% 0.004 250)",
|
|
601
|
+
"--color-primary": "oklch(88% 0.02 250)",
|
|
602
|
+
"--color-secondary": "oklch(66% 0.015 250)",
|
|
603
|
+
"--color-accent": "oklch(80% 0.12 210)",
|
|
604
|
+
"--color-neutral": "oklch(30% 0.012 250)",
|
|
605
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
606
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
607
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
608
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
609
|
+
"--radius-selector": "0.25rem",
|
|
610
|
+
"--radius-field": "0.125rem",
|
|
611
|
+
"--radius-box": "0.25rem",
|
|
612
|
+
"--depth": "0",
|
|
613
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
614
|
+
"--font-head": "\"Space Grotesk\", sans-serif",
|
|
615
|
+
"--color-primary-content": "oklch(15% 0.02 250)",
|
|
616
|
+
"--color-secondary-content": "oklch(15% 0.015 250)",
|
|
617
|
+
"--color-accent-content": "oklch(15% 0.02 210)",
|
|
618
|
+
"--color-neutral-content": "oklch(98% 0.01 250)",
|
|
619
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
620
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
621
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
622
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
623
|
+
},
|
|
624
|
+
"contrastWarnings": {
|
|
625
|
+
"light": [],
|
|
626
|
+
"dark": []
|
|
627
|
+
}
|
|
628
|
+
},
|
|
629
|
+
{
|
|
630
|
+
"name": "marble",
|
|
631
|
+
"character": "Cool white and slate with an antique-brass accent. High-contrast serif headings, hairline borders, flat surfaces — classical and unhurried.",
|
|
632
|
+
"applyAs": "data-theme=\"marble\"",
|
|
633
|
+
"mode": "light",
|
|
634
|
+
"roles": [
|
|
635
|
+
"primary",
|
|
636
|
+
"secondary",
|
|
637
|
+
"accent",
|
|
638
|
+
"neutral",
|
|
639
|
+
"info",
|
|
640
|
+
"success",
|
|
641
|
+
"warning",
|
|
642
|
+
"error"
|
|
643
|
+
],
|
|
644
|
+
"fonts": {
|
|
645
|
+
"sans": {
|
|
646
|
+
"family": "Inter",
|
|
647
|
+
"source": "google",
|
|
648
|
+
"weights": [
|
|
649
|
+
400,
|
|
650
|
+
600,
|
|
651
|
+
700
|
|
652
|
+
]
|
|
653
|
+
},
|
|
654
|
+
"head": {
|
|
655
|
+
"family": "Cormorant Garamond",
|
|
656
|
+
"source": "google",
|
|
657
|
+
"weights": [
|
|
658
|
+
400,
|
|
659
|
+
600,
|
|
660
|
+
700
|
|
661
|
+
]
|
|
662
|
+
}
|
|
663
|
+
},
|
|
664
|
+
"shape": {
|
|
665
|
+
"--radius-selector": "0.125rem",
|
|
666
|
+
"--radius-field": "0.125rem",
|
|
667
|
+
"--radius-box": "0.125rem",
|
|
668
|
+
"--depth": "0"
|
|
669
|
+
},
|
|
670
|
+
"light": {
|
|
671
|
+
"--color-base-100": "oklch(99% 0.002 260)",
|
|
672
|
+
"--color-base-200": "oklch(97% 0.003 260)",
|
|
673
|
+
"--color-base-300": "oklch(92% 0.005 260)",
|
|
674
|
+
"--color-base-content": "oklch(20% 0.01 260)",
|
|
675
|
+
"--color-primary": "oklch(34% 0.04 265)",
|
|
676
|
+
"--color-secondary": "oklch(48% 0.05 250)",
|
|
677
|
+
"--color-accent": "oklch(50% 0.08 75)",
|
|
678
|
+
"--color-neutral": "oklch(24% 0.008 260)",
|
|
679
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
680
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
681
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
682
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
683
|
+
"--radius-selector": "0.125rem",
|
|
684
|
+
"--radius-field": "0.125rem",
|
|
685
|
+
"--radius-box": "0.125rem",
|
|
686
|
+
"--depth": "0",
|
|
687
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
688
|
+
"--font-head": "\"Cormorant Garamond\", serif",
|
|
689
|
+
"--color-primary-content": "oklch(98% 0.01 265)",
|
|
690
|
+
"--color-secondary-content": "oklch(98% 0.01 250)",
|
|
691
|
+
"--color-accent-content": "oklch(98% 0.01 75)",
|
|
692
|
+
"--color-neutral-content": "oklch(98% 0.008 260)",
|
|
693
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
694
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
695
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
696
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
697
|
+
},
|
|
698
|
+
"dark": {
|
|
699
|
+
"--color-base-100": "oklch(17% 0.006 260)",
|
|
700
|
+
"--color-base-200": "oklch(14% 0.006 260)",
|
|
701
|
+
"--color-base-300": "oklch(11% 0.006 260)",
|
|
702
|
+
"--color-base-content": "oklch(93% 0.004 260)",
|
|
703
|
+
"--color-primary": "oklch(78% 0.05 265)",
|
|
704
|
+
"--color-secondary": "oklch(72% 0.05 250)",
|
|
705
|
+
"--color-accent": "oklch(80% 0.09 75)",
|
|
706
|
+
"--color-neutral": "oklch(32% 0.01 260)",
|
|
707
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
708
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
709
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
710
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
711
|
+
"--radius-selector": "0.125rem",
|
|
712
|
+
"--radius-field": "0.125rem",
|
|
713
|
+
"--radius-box": "0.125rem",
|
|
714
|
+
"--depth": "0",
|
|
715
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
716
|
+
"--font-head": "\"Cormorant Garamond\", serif",
|
|
717
|
+
"--color-primary-content": "oklch(15% 0.02 265)",
|
|
718
|
+
"--color-secondary-content": "oklch(15% 0.02 250)",
|
|
719
|
+
"--color-accent-content": "oklch(15% 0.02 75)",
|
|
720
|
+
"--color-neutral-content": "oklch(98% 0.01 260)",
|
|
721
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
722
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
723
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
724
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
725
|
+
},
|
|
726
|
+
"contrastWarnings": {
|
|
727
|
+
"light": [],
|
|
728
|
+
"dark": []
|
|
729
|
+
}
|
|
730
|
+
},
|
|
731
|
+
{
|
|
732
|
+
"name": "copper",
|
|
733
|
+
"character": "Oxidized metal: copper against the patina it turns into. Warm neutral surfaces, moderate radii, lifted cards.",
|
|
734
|
+
"applyAs": "data-theme=\"copper\"",
|
|
735
|
+
"mode": "light",
|
|
736
|
+
"roles": [
|
|
737
|
+
"primary",
|
|
738
|
+
"secondary",
|
|
739
|
+
"accent",
|
|
740
|
+
"neutral",
|
|
741
|
+
"info",
|
|
742
|
+
"success",
|
|
743
|
+
"warning",
|
|
744
|
+
"error"
|
|
745
|
+
],
|
|
746
|
+
"fonts": {
|
|
747
|
+
"sans": {
|
|
748
|
+
"family": "Work Sans",
|
|
749
|
+
"source": "google",
|
|
750
|
+
"weights": [
|
|
751
|
+
400,
|
|
752
|
+
600,
|
|
753
|
+
700
|
|
754
|
+
]
|
|
755
|
+
},
|
|
756
|
+
"head": {
|
|
757
|
+
"family": "Space Grotesk",
|
|
758
|
+
"source": "google",
|
|
759
|
+
"weights": [
|
|
760
|
+
400,
|
|
761
|
+
600,
|
|
762
|
+
700
|
|
763
|
+
]
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
"shape": {
|
|
767
|
+
"--radius-selector": "0.5rem",
|
|
768
|
+
"--radius-field": "0.25rem",
|
|
769
|
+
"--radius-box": "0.375rem",
|
|
770
|
+
"--depth": "1"
|
|
771
|
+
},
|
|
772
|
+
"light": {
|
|
773
|
+
"--color-base-100": "oklch(98% 0.008 60)",
|
|
774
|
+
"--color-base-200": "oklch(96% 0.012 60)",
|
|
775
|
+
"--color-base-300": "oklch(91% 0.02 55)",
|
|
776
|
+
"--color-base-content": "oklch(24% 0.025 45)",
|
|
777
|
+
"--color-primary": "oklch(48% 0.12 45)",
|
|
778
|
+
"--color-secondary": "oklch(42% 0.07 200)",
|
|
779
|
+
"--color-accent": "oklch(52% 0.1 190)",
|
|
780
|
+
"--color-neutral": "oklch(30% 0.02 45)",
|
|
781
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
782
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
783
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
784
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
785
|
+
"--radius-selector": "0.5rem",
|
|
786
|
+
"--radius-field": "0.25rem",
|
|
787
|
+
"--radius-box": "0.375rem",
|
|
788
|
+
"--depth": "1",
|
|
789
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
790
|
+
"--font-head": "\"Space Grotesk\", sans-serif",
|
|
791
|
+
"--color-primary-content": "oklch(98% 0.01 45)",
|
|
792
|
+
"--color-secondary-content": "oklch(98% 0.01 200)",
|
|
793
|
+
"--color-accent-content": "oklch(98% 0.01 190)",
|
|
794
|
+
"--color-neutral-content": "oklch(98% 0.01 45)",
|
|
795
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
796
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
797
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
798
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
799
|
+
},
|
|
800
|
+
"dark": {
|
|
801
|
+
"--color-base-100": "oklch(19% 0.015 45)",
|
|
802
|
+
"--color-base-200": "oklch(16% 0.015 45)",
|
|
803
|
+
"--color-base-300": "oklch(13% 0.015 45)",
|
|
804
|
+
"--color-base-content": "oklch(93% 0.012 55)",
|
|
805
|
+
"--color-primary": "oklch(76% 0.12 45)",
|
|
806
|
+
"--color-secondary": "oklch(76% 0.08 200)",
|
|
807
|
+
"--color-accent": "oklch(80% 0.1 190)",
|
|
808
|
+
"--color-neutral": "oklch(35% 0.022 45)",
|
|
809
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
810
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
811
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
812
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
813
|
+
"--radius-selector": "0.5rem",
|
|
814
|
+
"--radius-field": "0.25rem",
|
|
815
|
+
"--radius-box": "0.375rem",
|
|
816
|
+
"--depth": "1",
|
|
817
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
818
|
+
"--font-head": "\"Space Grotesk\", sans-serif",
|
|
819
|
+
"--color-primary-content": "oklch(15% 0.02 45)",
|
|
820
|
+
"--color-secondary-content": "oklch(15% 0.02 200)",
|
|
821
|
+
"--color-accent-content": "oklch(15% 0.02 190)",
|
|
822
|
+
"--color-neutral-content": "oklch(98% 0.01 45)",
|
|
823
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
824
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
825
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
826
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
827
|
+
},
|
|
828
|
+
"contrastWarnings": {
|
|
829
|
+
"light": [],
|
|
830
|
+
"dark": []
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"name": "jade",
|
|
835
|
+
"character": "Deep jade with gold. Old-world serif headings on a compact grotesk body — heritage without the costume.",
|
|
836
|
+
"applyAs": "data-theme=\"jade\"",
|
|
837
|
+
"mode": "light",
|
|
838
|
+
"roles": [
|
|
839
|
+
"primary",
|
|
840
|
+
"secondary",
|
|
841
|
+
"accent",
|
|
842
|
+
"neutral",
|
|
843
|
+
"info",
|
|
844
|
+
"success",
|
|
845
|
+
"warning",
|
|
846
|
+
"error"
|
|
847
|
+
],
|
|
848
|
+
"fonts": {
|
|
849
|
+
"sans": {
|
|
850
|
+
"family": "Karla",
|
|
851
|
+
"source": "google",
|
|
852
|
+
"weights": [
|
|
853
|
+
400,
|
|
854
|
+
600,
|
|
855
|
+
700
|
|
856
|
+
]
|
|
857
|
+
},
|
|
858
|
+
"head": {
|
|
859
|
+
"family": "Cormorant Garamond",
|
|
860
|
+
"source": "google",
|
|
861
|
+
"weights": [
|
|
862
|
+
400,
|
|
863
|
+
600,
|
|
864
|
+
700
|
|
865
|
+
]
|
|
866
|
+
}
|
|
867
|
+
},
|
|
868
|
+
"shape": {
|
|
869
|
+
"--radius-selector": "1rem",
|
|
870
|
+
"--radius-field": "0.375rem",
|
|
871
|
+
"--radius-box": "0.5rem",
|
|
872
|
+
"--depth": "1"
|
|
873
|
+
},
|
|
874
|
+
"light": {
|
|
875
|
+
"--color-base-100": "oklch(99% 0.006 145)",
|
|
876
|
+
"--color-base-200": "oklch(96% 0.01 145)",
|
|
877
|
+
"--color-base-300": "oklch(91% 0.018 145)",
|
|
878
|
+
"--color-base-content": "oklch(22% 0.025 155)",
|
|
879
|
+
"--color-primary": "oklch(38% 0.1 160)",
|
|
880
|
+
"--color-secondary": "oklch(46% 0.07 175)",
|
|
881
|
+
"--color-accent": "oklch(78% 0.13 85)",
|
|
882
|
+
"--color-neutral": "oklch(26% 0.02 155)",
|
|
883
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
884
|
+
"--color-success": "oklch(50% 0.14 148)",
|
|
885
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
886
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
887
|
+
"--radius-selector": "1rem",
|
|
888
|
+
"--radius-field": "0.375rem",
|
|
889
|
+
"--radius-box": "0.5rem",
|
|
890
|
+
"--depth": "1",
|
|
891
|
+
"--font-sans": "\"Karla\", sans-serif",
|
|
892
|
+
"--font-head": "\"Cormorant Garamond\", serif",
|
|
893
|
+
"--color-primary-content": "oklch(98% 0.01 160)",
|
|
894
|
+
"--color-secondary-content": "oklch(98% 0.01 175)",
|
|
895
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
896
|
+
"--color-neutral-content": "oklch(98% 0.01 155)",
|
|
897
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
898
|
+
"--color-success-content": "oklch(98% 0.01 148)",
|
|
899
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
900
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
901
|
+
},
|
|
902
|
+
"dark": {
|
|
903
|
+
"--color-base-100": "oklch(17% 0.012 155)",
|
|
904
|
+
"--color-base-200": "oklch(14% 0.012 155)",
|
|
905
|
+
"--color-base-300": "oklch(11% 0.012 155)",
|
|
906
|
+
"--color-base-content": "oklch(93% 0.01 145)",
|
|
907
|
+
"--color-primary": "oklch(74% 0.12 160)",
|
|
908
|
+
"--color-secondary": "oklch(78% 0.08 175)",
|
|
909
|
+
"--color-accent": "oklch(84% 0.13 85)",
|
|
910
|
+
"--color-neutral": "oklch(32% 0.022 155)",
|
|
911
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
912
|
+
"--color-success": "oklch(76% 0.13 148)",
|
|
913
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
914
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
915
|
+
"--radius-selector": "1rem",
|
|
916
|
+
"--radius-field": "0.375rem",
|
|
917
|
+
"--radius-box": "0.5rem",
|
|
918
|
+
"--depth": "1",
|
|
919
|
+
"--font-sans": "\"Karla\", sans-serif",
|
|
920
|
+
"--font-head": "\"Cormorant Garamond\", serif",
|
|
921
|
+
"--color-primary-content": "oklch(15% 0.02 160)",
|
|
922
|
+
"--color-secondary-content": "oklch(15% 0.02 175)",
|
|
923
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
924
|
+
"--color-neutral-content": "oklch(98% 0.01 155)",
|
|
925
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
926
|
+
"--color-success-content": "oklch(15% 0.02 148)",
|
|
927
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
928
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
929
|
+
},
|
|
930
|
+
"contrastWarnings": {
|
|
931
|
+
"light": [],
|
|
932
|
+
"dark": []
|
|
933
|
+
}
|
|
934
|
+
},
|
|
935
|
+
{
|
|
936
|
+
"name": "cobalt",
|
|
937
|
+
"character": "One saturated blue carrying the whole design. Neutral-cool surfaces, a single geometric sans throughout — corporate in the good sense.",
|
|
938
|
+
"applyAs": "data-theme=\"cobalt\"",
|
|
939
|
+
"mode": "light",
|
|
940
|
+
"roles": [
|
|
941
|
+
"primary",
|
|
942
|
+
"secondary",
|
|
943
|
+
"accent",
|
|
944
|
+
"neutral",
|
|
945
|
+
"info",
|
|
946
|
+
"success",
|
|
947
|
+
"warning",
|
|
948
|
+
"error"
|
|
949
|
+
],
|
|
950
|
+
"fonts": {
|
|
951
|
+
"sans": {
|
|
952
|
+
"family": "Manrope",
|
|
953
|
+
"source": "google",
|
|
954
|
+
"weights": [
|
|
955
|
+
400,
|
|
956
|
+
600,
|
|
957
|
+
700
|
|
958
|
+
]
|
|
959
|
+
}
|
|
960
|
+
},
|
|
961
|
+
"shape": {
|
|
962
|
+
"--radius-selector": "1rem",
|
|
963
|
+
"--radius-field": "0.375rem",
|
|
964
|
+
"--radius-box": "0.5rem",
|
|
965
|
+
"--depth": "1"
|
|
966
|
+
},
|
|
967
|
+
"light": {
|
|
968
|
+
"--color-base-100": "oklch(99% 0.004 250)",
|
|
969
|
+
"--color-base-200": "oklch(97% 0.008 250)",
|
|
970
|
+
"--color-base-300": "oklch(92% 0.014 250)",
|
|
971
|
+
"--color-base-content": "oklch(22% 0.025 255)",
|
|
972
|
+
"--color-primary": "oklch(48% 0.2 260)",
|
|
973
|
+
"--color-secondary": "oklch(48% 0.13 230)",
|
|
974
|
+
"--color-accent": "oklch(74% 0.13 200)",
|
|
975
|
+
"--color-neutral": "oklch(28% 0.02 255)",
|
|
976
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
977
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
978
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
979
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
980
|
+
"--radius-selector": "1rem",
|
|
981
|
+
"--radius-field": "0.375rem",
|
|
982
|
+
"--radius-box": "0.5rem",
|
|
983
|
+
"--depth": "1",
|
|
984
|
+
"--font-sans": "\"Manrope\", sans-serif",
|
|
985
|
+
"--color-primary-content": "oklch(98% 0.01 260)",
|
|
986
|
+
"--color-secondary-content": "oklch(98% 0.01 230)",
|
|
987
|
+
"--color-accent-content": "oklch(15% 0.02 200)",
|
|
988
|
+
"--color-neutral-content": "oklch(98% 0.01 255)",
|
|
989
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
990
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
991
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
992
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
993
|
+
},
|
|
994
|
+
"dark": {
|
|
995
|
+
"--color-base-100": "oklch(18% 0.015 255)",
|
|
996
|
+
"--color-base-200": "oklch(15% 0.015 255)",
|
|
997
|
+
"--color-base-300": "oklch(12% 0.015 255)",
|
|
998
|
+
"--color-base-content": "oklch(93% 0.008 250)",
|
|
999
|
+
"--color-primary": "oklch(72% 0.17 260)",
|
|
1000
|
+
"--color-secondary": "oklch(78% 0.11 230)",
|
|
1001
|
+
"--color-accent": "oklch(84% 0.12 200)",
|
|
1002
|
+
"--color-neutral": "oklch(34% 0.022 255)",
|
|
1003
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1004
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1005
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1006
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1007
|
+
"--radius-selector": "1rem",
|
|
1008
|
+
"--radius-field": "0.375rem",
|
|
1009
|
+
"--radius-box": "0.5rem",
|
|
1010
|
+
"--depth": "1",
|
|
1011
|
+
"--font-sans": "\"Manrope\", sans-serif",
|
|
1012
|
+
"--color-primary-content": "oklch(15% 0.02 260)",
|
|
1013
|
+
"--color-secondary-content": "oklch(15% 0.02 230)",
|
|
1014
|
+
"--color-accent-content": "oklch(15% 0.02 200)",
|
|
1015
|
+
"--color-neutral-content": "oklch(98% 0.01 255)",
|
|
1016
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1017
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1018
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1019
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1020
|
+
},
|
|
1021
|
+
"contrastWarnings": {
|
|
1022
|
+
"light": [],
|
|
1023
|
+
"dark": []
|
|
1024
|
+
}
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"name": "rose",
|
|
1028
|
+
"character": "Dusty rose and mauve with a peach highlight. Display serif over a rounded sans, wide radii, lifted cards — warm and editorial.",
|
|
1029
|
+
"applyAs": "data-theme=\"rose\"",
|
|
1030
|
+
"mode": "light",
|
|
1031
|
+
"roles": [
|
|
1032
|
+
"primary",
|
|
1033
|
+
"secondary",
|
|
1034
|
+
"accent",
|
|
1035
|
+
"neutral",
|
|
1036
|
+
"info",
|
|
1037
|
+
"success",
|
|
1038
|
+
"warning",
|
|
1039
|
+
"error"
|
|
1040
|
+
],
|
|
1041
|
+
"fonts": {
|
|
1042
|
+
"sans": {
|
|
1043
|
+
"family": "Nunito",
|
|
1044
|
+
"source": "google",
|
|
1045
|
+
"weights": [
|
|
1046
|
+
400,
|
|
1047
|
+
600,
|
|
1048
|
+
700
|
|
1049
|
+
]
|
|
1050
|
+
},
|
|
1051
|
+
"head": {
|
|
1052
|
+
"family": "Playfair Display",
|
|
1053
|
+
"source": "google",
|
|
1054
|
+
"weights": [
|
|
1055
|
+
400,
|
|
1056
|
+
600,
|
|
1057
|
+
700
|
|
1058
|
+
]
|
|
1059
|
+
}
|
|
1060
|
+
},
|
|
1061
|
+
"shape": {
|
|
1062
|
+
"--radius-selector": "1rem",
|
|
1063
|
+
"--radius-field": "0.625rem",
|
|
1064
|
+
"--radius-box": "1rem",
|
|
1065
|
+
"--depth": "1"
|
|
1066
|
+
},
|
|
1067
|
+
"light": {
|
|
1068
|
+
"--color-base-100": "oklch(99% 0.006 15)",
|
|
1069
|
+
"--color-base-200": "oklch(97% 0.012 15)",
|
|
1070
|
+
"--color-base-300": "oklch(92% 0.022 10)",
|
|
1071
|
+
"--color-base-content": "oklch(24% 0.03 10)",
|
|
1072
|
+
"--color-primary": "oklch(48% 0.13 355)",
|
|
1073
|
+
"--color-secondary": "oklch(46% 0.1 340)",
|
|
1074
|
+
"--color-accent": "oklch(78% 0.12 45)",
|
|
1075
|
+
"--color-neutral": "oklch(30% 0.025 10)",
|
|
1076
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1077
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1078
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1079
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1080
|
+
"--radius-selector": "1rem",
|
|
1081
|
+
"--radius-field": "0.625rem",
|
|
1082
|
+
"--radius-box": "1rem",
|
|
1083
|
+
"--depth": "1",
|
|
1084
|
+
"--font-sans": "\"Nunito\", sans-serif",
|
|
1085
|
+
"--font-head": "\"Playfair Display\", serif",
|
|
1086
|
+
"--color-primary-content": "oklch(98% 0.01 355)",
|
|
1087
|
+
"--color-secondary-content": "oklch(98% 0.01 340)",
|
|
1088
|
+
"--color-accent-content": "oklch(15% 0.02 45)",
|
|
1089
|
+
"--color-neutral-content": "oklch(98% 0.01 10)",
|
|
1090
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1091
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1092
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1093
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1094
|
+
},
|
|
1095
|
+
"dark": {
|
|
1096
|
+
"--color-base-100": "oklch(19% 0.015 10)",
|
|
1097
|
+
"--color-base-200": "oklch(16% 0.015 10)",
|
|
1098
|
+
"--color-base-300": "oklch(13% 0.015 10)",
|
|
1099
|
+
"--color-base-content": "oklch(93% 0.012 15)",
|
|
1100
|
+
"--color-primary": "oklch(76% 0.13 355)",
|
|
1101
|
+
"--color-secondary": "oklch(76% 0.1 340)",
|
|
1102
|
+
"--color-accent": "oklch(85% 0.1 45)",
|
|
1103
|
+
"--color-neutral": "oklch(35% 0.022 10)",
|
|
1104
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1105
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1106
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1107
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1108
|
+
"--radius-selector": "1rem",
|
|
1109
|
+
"--radius-field": "0.625rem",
|
|
1110
|
+
"--radius-box": "1rem",
|
|
1111
|
+
"--depth": "1",
|
|
1112
|
+
"--font-sans": "\"Nunito\", sans-serif",
|
|
1113
|
+
"--font-head": "\"Playfair Display\", serif",
|
|
1114
|
+
"--color-primary-content": "oklch(15% 0.02 355)",
|
|
1115
|
+
"--color-secondary-content": "oklch(15% 0.02 340)",
|
|
1116
|
+
"--color-accent-content": "oklch(15% 0.02 45)",
|
|
1117
|
+
"--color-neutral-content": "oklch(98% 0.01 10)",
|
|
1118
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1119
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1120
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1121
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1122
|
+
},
|
|
1123
|
+
"contrastWarnings": {
|
|
1124
|
+
"light": [],
|
|
1125
|
+
"dark": []
|
|
1126
|
+
}
|
|
1127
|
+
},
|
|
1128
|
+
{
|
|
1129
|
+
"name": "amber",
|
|
1130
|
+
"character": "Honey and gold on cream. Slab-ish serif headings over a workhorse text face — the palette of a good paperback.",
|
|
1131
|
+
"applyAs": "data-theme=\"amber\"",
|
|
1132
|
+
"mode": "light",
|
|
1133
|
+
"roles": [
|
|
1134
|
+
"primary",
|
|
1135
|
+
"secondary",
|
|
1136
|
+
"accent",
|
|
1137
|
+
"neutral",
|
|
1138
|
+
"info",
|
|
1139
|
+
"success",
|
|
1140
|
+
"warning",
|
|
1141
|
+
"error"
|
|
1142
|
+
],
|
|
1143
|
+
"fonts": {
|
|
1144
|
+
"sans": {
|
|
1145
|
+
"family": "Source Sans 3",
|
|
1146
|
+
"source": "google",
|
|
1147
|
+
"weights": [
|
|
1148
|
+
400,
|
|
1149
|
+
600,
|
|
1150
|
+
700
|
|
1151
|
+
]
|
|
1152
|
+
},
|
|
1153
|
+
"head": {
|
|
1154
|
+
"family": "Bitter",
|
|
1155
|
+
"source": "google",
|
|
1156
|
+
"weights": [
|
|
1157
|
+
400,
|
|
1158
|
+
600,
|
|
1159
|
+
700
|
|
1160
|
+
]
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1163
|
+
"shape": {
|
|
1164
|
+
"--radius-selector": "1rem",
|
|
1165
|
+
"--radius-field": "0.375rem",
|
|
1166
|
+
"--radius-box": "0.5rem",
|
|
1167
|
+
"--depth": "1"
|
|
1168
|
+
},
|
|
1169
|
+
"light": {
|
|
1170
|
+
"--color-base-100": "oklch(98% 0.014 85)",
|
|
1171
|
+
"--color-base-200": "oklch(96% 0.022 85)",
|
|
1172
|
+
"--color-base-300": "oklch(91% 0.035 80)",
|
|
1173
|
+
"--color-base-content": "oklch(25% 0.035 65)",
|
|
1174
|
+
"--color-primary": "oklch(50% 0.12 70)",
|
|
1175
|
+
"--color-secondary": "oklch(44% 0.09 45)",
|
|
1176
|
+
"--color-accent": "oklch(80% 0.15 90)",
|
|
1177
|
+
"--color-neutral": "oklch(30% 0.025 70)",
|
|
1178
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1179
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1180
|
+
"--color-warning": "oklch(74% 0.15 55)",
|
|
1181
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1182
|
+
"--radius-selector": "1rem",
|
|
1183
|
+
"--radius-field": "0.375rem",
|
|
1184
|
+
"--radius-box": "0.5rem",
|
|
1185
|
+
"--depth": "1",
|
|
1186
|
+
"--font-sans": "\"Source Sans 3\", sans-serif",
|
|
1187
|
+
"--font-head": "\"Bitter\", serif",
|
|
1188
|
+
"--color-primary-content": "oklch(98% 0.01 70)",
|
|
1189
|
+
"--color-secondary-content": "oklch(98% 0.01 45)",
|
|
1190
|
+
"--color-accent-content": "oklch(15% 0.02 90)",
|
|
1191
|
+
"--color-neutral-content": "oklch(98% 0.01 70)",
|
|
1192
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1193
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1194
|
+
"--color-warning-content": "oklch(15% 0.02 55)",
|
|
1195
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1196
|
+
},
|
|
1197
|
+
"dark": {
|
|
1198
|
+
"--color-base-100": "oklch(19% 0.018 70)",
|
|
1199
|
+
"--color-base-200": "oklch(16% 0.018 70)",
|
|
1200
|
+
"--color-base-300": "oklch(13% 0.018 70)",
|
|
1201
|
+
"--color-base-content": "oklch(93% 0.018 85)",
|
|
1202
|
+
"--color-primary": "oklch(78% 0.13 70)",
|
|
1203
|
+
"--color-secondary": "oklch(74% 0.1 45)",
|
|
1204
|
+
"--color-accent": "oklch(87% 0.14 90)",
|
|
1205
|
+
"--color-neutral": "oklch(35% 0.025 70)",
|
|
1206
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1207
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1208
|
+
"--color-warning": "oklch(80% 0.14 55)",
|
|
1209
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1210
|
+
"--radius-selector": "1rem",
|
|
1211
|
+
"--radius-field": "0.375rem",
|
|
1212
|
+
"--radius-box": "0.5rem",
|
|
1213
|
+
"--depth": "1",
|
|
1214
|
+
"--font-sans": "\"Source Sans 3\", sans-serif",
|
|
1215
|
+
"--font-head": "\"Bitter\", serif",
|
|
1216
|
+
"--color-primary-content": "oklch(15% 0.02 70)",
|
|
1217
|
+
"--color-secondary-content": "oklch(15% 0.02 45)",
|
|
1218
|
+
"--color-accent-content": "oklch(15% 0.02 90)",
|
|
1219
|
+
"--color-neutral-content": "oklch(98% 0.01 70)",
|
|
1220
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1221
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1222
|
+
"--color-warning-content": "oklch(15% 0.02 55)",
|
|
1223
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1224
|
+
},
|
|
1225
|
+
"contrastWarnings": {
|
|
1226
|
+
"light": [],
|
|
1227
|
+
"dark": []
|
|
1228
|
+
}
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"name": "fern",
|
|
1232
|
+
"character": "Fresh growing green with a lime highlight. One friendly geometric sans, generous corners — bright without being juvenile.",
|
|
1233
|
+
"applyAs": "data-theme=\"fern\"",
|
|
1234
|
+
"mode": "light",
|
|
1235
|
+
"roles": [
|
|
1236
|
+
"primary",
|
|
1237
|
+
"secondary",
|
|
1238
|
+
"accent",
|
|
1239
|
+
"neutral",
|
|
1240
|
+
"info",
|
|
1241
|
+
"success",
|
|
1242
|
+
"warning",
|
|
1243
|
+
"error"
|
|
1244
|
+
],
|
|
1245
|
+
"fonts": {
|
|
1246
|
+
"sans": {
|
|
1247
|
+
"family": "Outfit",
|
|
1248
|
+
"source": "google",
|
|
1249
|
+
"weights": [
|
|
1250
|
+
400,
|
|
1251
|
+
600,
|
|
1252
|
+
700
|
|
1253
|
+
]
|
|
1254
|
+
}
|
|
1255
|
+
},
|
|
1256
|
+
"shape": {
|
|
1257
|
+
"--radius-selector": "1rem",
|
|
1258
|
+
"--radius-field": "0.5rem",
|
|
1259
|
+
"--radius-box": "0.75rem",
|
|
1260
|
+
"--depth": "1"
|
|
1261
|
+
},
|
|
1262
|
+
"light": {
|
|
1263
|
+
"--color-base-100": "oklch(99% 0.008 140)",
|
|
1264
|
+
"--color-base-200": "oklch(97% 0.014 140)",
|
|
1265
|
+
"--color-base-300": "oklch(92% 0.024 140)",
|
|
1266
|
+
"--color-base-content": "oklch(23% 0.03 150)",
|
|
1267
|
+
"--color-primary": "oklch(48% 0.15 135)",
|
|
1268
|
+
"--color-secondary": "oklch(46% 0.1 175)",
|
|
1269
|
+
"--color-accent": "oklch(78% 0.16 110)",
|
|
1270
|
+
"--color-neutral": "oklch(28% 0.025 150)",
|
|
1271
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1272
|
+
"--color-success": "oklch(48% 0.13 158)",
|
|
1273
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1274
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1275
|
+
"--radius-selector": "1rem",
|
|
1276
|
+
"--radius-field": "0.5rem",
|
|
1277
|
+
"--radius-box": "0.75rem",
|
|
1278
|
+
"--depth": "1",
|
|
1279
|
+
"--font-sans": "\"Outfit\", sans-serif",
|
|
1280
|
+
"--color-primary-content": "oklch(98% 0.01 135)",
|
|
1281
|
+
"--color-secondary-content": "oklch(98% 0.01 175)",
|
|
1282
|
+
"--color-accent-content": "oklch(15% 0.02 110)",
|
|
1283
|
+
"--color-neutral-content": "oklch(98% 0.01 150)",
|
|
1284
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1285
|
+
"--color-success-content": "oklch(98% 0.01 158)",
|
|
1286
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1287
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1288
|
+
},
|
|
1289
|
+
"dark": {
|
|
1290
|
+
"--color-base-100": "oklch(18% 0.014 150)",
|
|
1291
|
+
"--color-base-200": "oklch(15% 0.014 150)",
|
|
1292
|
+
"--color-base-300": "oklch(12% 0.014 150)",
|
|
1293
|
+
"--color-base-content": "oklch(93% 0.012 140)",
|
|
1294
|
+
"--color-primary": "oklch(78% 0.16 135)",
|
|
1295
|
+
"--color-secondary": "oklch(76% 0.1 175)",
|
|
1296
|
+
"--color-accent": "oklch(86% 0.16 110)",
|
|
1297
|
+
"--color-neutral": "oklch(34% 0.025 150)",
|
|
1298
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1299
|
+
"--color-success": "oklch(74% 0.13 158)",
|
|
1300
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1301
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1302
|
+
"--radius-selector": "1rem",
|
|
1303
|
+
"--radius-field": "0.5rem",
|
|
1304
|
+
"--radius-box": "0.75rem",
|
|
1305
|
+
"--depth": "1",
|
|
1306
|
+
"--font-sans": "\"Outfit\", sans-serif",
|
|
1307
|
+
"--color-primary-content": "oklch(15% 0.02 135)",
|
|
1308
|
+
"--color-secondary-content": "oklch(15% 0.02 175)",
|
|
1309
|
+
"--color-accent-content": "oklch(15% 0.02 110)",
|
|
1310
|
+
"--color-neutral-content": "oklch(98% 0.01 150)",
|
|
1311
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1312
|
+
"--color-success-content": "oklch(15% 0.02 158)",
|
|
1313
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1314
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1315
|
+
},
|
|
1316
|
+
"contrastWarnings": {
|
|
1317
|
+
"light": [],
|
|
1318
|
+
"dark": []
|
|
1319
|
+
}
|
|
1320
|
+
},
|
|
1321
|
+
{
|
|
1322
|
+
"name": "dune",
|
|
1323
|
+
"character": "Sand, clay and shade. Warm greyed surfaces, terracotta highlight, flat — the quietest theme in the set, and the one that ages best.",
|
|
1324
|
+
"applyAs": "data-theme=\"dune\"",
|
|
1325
|
+
"mode": "light",
|
|
1326
|
+
"roles": [
|
|
1327
|
+
"primary",
|
|
1328
|
+
"secondary",
|
|
1329
|
+
"accent",
|
|
1330
|
+
"neutral",
|
|
1331
|
+
"info",
|
|
1332
|
+
"success",
|
|
1333
|
+
"warning",
|
|
1334
|
+
"error"
|
|
1335
|
+
],
|
|
1336
|
+
"fonts": {
|
|
1337
|
+
"sans": {
|
|
1338
|
+
"family": "Work Sans",
|
|
1339
|
+
"source": "google",
|
|
1340
|
+
"weights": [
|
|
1341
|
+
400,
|
|
1342
|
+
600,
|
|
1343
|
+
700
|
|
1344
|
+
]
|
|
1345
|
+
},
|
|
1346
|
+
"head": {
|
|
1347
|
+
"family": "Fraunces",
|
|
1348
|
+
"source": "google",
|
|
1349
|
+
"weights": [
|
|
1350
|
+
400,
|
|
1351
|
+
600,
|
|
1352
|
+
700
|
|
1353
|
+
]
|
|
1354
|
+
}
|
|
1355
|
+
},
|
|
1356
|
+
"shape": {
|
|
1357
|
+
"--radius-selector": "0.5rem",
|
|
1358
|
+
"--radius-field": "0.375rem",
|
|
1359
|
+
"--radius-box": "0.375rem",
|
|
1360
|
+
"--depth": "0"
|
|
1361
|
+
},
|
|
1362
|
+
"light": {
|
|
1363
|
+
"--color-base-100": "oklch(97% 0.012 80)",
|
|
1364
|
+
"--color-base-200": "oklch(95% 0.018 80)",
|
|
1365
|
+
"--color-base-300": "oklch(89% 0.028 75)",
|
|
1366
|
+
"--color-base-content": "oklch(24% 0.025 60)",
|
|
1367
|
+
"--color-primary": "oklch(42% 0.06 60)",
|
|
1368
|
+
"--color-secondary": "oklch(48% 0.05 90)",
|
|
1369
|
+
"--color-accent": "oklch(52% 0.12 40)",
|
|
1370
|
+
"--color-neutral": "oklch(28% 0.02 60)",
|
|
1371
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1372
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1373
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1374
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1375
|
+
"--radius-selector": "0.5rem",
|
|
1376
|
+
"--radius-field": "0.375rem",
|
|
1377
|
+
"--radius-box": "0.375rem",
|
|
1378
|
+
"--depth": "0",
|
|
1379
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
1380
|
+
"--font-head": "\"Fraunces\", serif",
|
|
1381
|
+
"--color-primary-content": "oklch(98% 0.01 60)",
|
|
1382
|
+
"--color-secondary-content": "oklch(98% 0.01 90)",
|
|
1383
|
+
"--color-accent-content": "oklch(98% 0.01 40)",
|
|
1384
|
+
"--color-neutral-content": "oklch(98% 0.01 60)",
|
|
1385
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1386
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1387
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1388
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1389
|
+
},
|
|
1390
|
+
"dark": {
|
|
1391
|
+
"--color-base-100": "oklch(19% 0.014 60)",
|
|
1392
|
+
"--color-base-200": "oklch(16% 0.014 60)",
|
|
1393
|
+
"--color-base-300": "oklch(13% 0.014 60)",
|
|
1394
|
+
"--color-base-content": "oklch(92% 0.014 80)",
|
|
1395
|
+
"--color-primary": "oklch(78% 0.07 60)",
|
|
1396
|
+
"--color-secondary": "oklch(76% 0.05 90)",
|
|
1397
|
+
"--color-accent": "oklch(78% 0.12 40)",
|
|
1398
|
+
"--color-neutral": "oklch(34% 0.02 60)",
|
|
1399
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1400
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1401
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1402
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1403
|
+
"--radius-selector": "0.5rem",
|
|
1404
|
+
"--radius-field": "0.375rem",
|
|
1405
|
+
"--radius-box": "0.375rem",
|
|
1406
|
+
"--depth": "0",
|
|
1407
|
+
"--font-sans": "\"Work Sans\", sans-serif",
|
|
1408
|
+
"--font-head": "\"Fraunces\", serif",
|
|
1409
|
+
"--color-primary-content": "oklch(15% 0.02 60)",
|
|
1410
|
+
"--color-secondary-content": "oklch(15% 0.02 90)",
|
|
1411
|
+
"--color-accent-content": "oklch(15% 0.02 40)",
|
|
1412
|
+
"--color-neutral-content": "oklch(98% 0.01 60)",
|
|
1413
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1414
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1415
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1416
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1417
|
+
},
|
|
1418
|
+
"contrastWarnings": {
|
|
1419
|
+
"light": [],
|
|
1420
|
+
"dark": []
|
|
1421
|
+
}
|
|
1422
|
+
},
|
|
1423
|
+
{
|
|
1424
|
+
"name": "plum",
|
|
1425
|
+
"character": "Wine-dark purple with champagne. Bookish serif headings, tight radii, no depth — restrained luxury rather than the shiny kind.",
|
|
1426
|
+
"applyAs": "data-theme=\"plum\"",
|
|
1427
|
+
"mode": "light",
|
|
1428
|
+
"roles": [
|
|
1429
|
+
"primary",
|
|
1430
|
+
"secondary",
|
|
1431
|
+
"accent",
|
|
1432
|
+
"neutral",
|
|
1433
|
+
"info",
|
|
1434
|
+
"success",
|
|
1435
|
+
"warning",
|
|
1436
|
+
"error"
|
|
1437
|
+
],
|
|
1438
|
+
"fonts": {
|
|
1439
|
+
"sans": {
|
|
1440
|
+
"family": "Inter",
|
|
1441
|
+
"source": "google",
|
|
1442
|
+
"weights": [
|
|
1443
|
+
400,
|
|
1444
|
+
600,
|
|
1445
|
+
700
|
|
1446
|
+
]
|
|
1447
|
+
},
|
|
1448
|
+
"head": {
|
|
1449
|
+
"family": "Libre Baskerville",
|
|
1450
|
+
"source": "google",
|
|
1451
|
+
"weights": [
|
|
1452
|
+
400,
|
|
1453
|
+
600,
|
|
1454
|
+
700
|
|
1455
|
+
]
|
|
1456
|
+
}
|
|
1457
|
+
},
|
|
1458
|
+
"shape": {
|
|
1459
|
+
"--radius-selector": "0.5rem",
|
|
1460
|
+
"--radius-field": "0.25rem",
|
|
1461
|
+
"--radius-box": "0.25rem",
|
|
1462
|
+
"--depth": "0"
|
|
1463
|
+
},
|
|
1464
|
+
"light": {
|
|
1465
|
+
"--color-base-100": "oklch(98% 0.006 330)",
|
|
1466
|
+
"--color-base-200": "oklch(96% 0.01 330)",
|
|
1467
|
+
"--color-base-300": "oklch(91% 0.018 330)",
|
|
1468
|
+
"--color-base-content": "oklch(22% 0.03 330)",
|
|
1469
|
+
"--color-primary": "oklch(38% 0.14 340)",
|
|
1470
|
+
"--color-secondary": "oklch(44% 0.1 300)",
|
|
1471
|
+
"--color-accent": "oklch(78% 0.12 85)",
|
|
1472
|
+
"--color-neutral": "oklch(26% 0.025 330)",
|
|
1473
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1474
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1475
|
+
"--color-warning": "oklch(74% 0.15 60)",
|
|
1476
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1477
|
+
"--radius-selector": "0.5rem",
|
|
1478
|
+
"--radius-field": "0.25rem",
|
|
1479
|
+
"--radius-box": "0.25rem",
|
|
1480
|
+
"--depth": "0",
|
|
1481
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
1482
|
+
"--font-head": "\"Libre Baskerville\", serif",
|
|
1483
|
+
"--color-primary-content": "oklch(98% 0.01 340)",
|
|
1484
|
+
"--color-secondary-content": "oklch(98% 0.01 300)",
|
|
1485
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
1486
|
+
"--color-neutral-content": "oklch(98% 0.01 330)",
|
|
1487
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1488
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1489
|
+
"--color-warning-content": "oklch(15% 0.02 60)",
|
|
1490
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1491
|
+
},
|
|
1492
|
+
"dark": {
|
|
1493
|
+
"--color-base-100": "oklch(17% 0.015 330)",
|
|
1494
|
+
"--color-base-200": "oklch(14% 0.015 330)",
|
|
1495
|
+
"--color-base-300": "oklch(11% 0.015 330)",
|
|
1496
|
+
"--color-base-content": "oklch(93% 0.012 330)",
|
|
1497
|
+
"--color-primary": "oklch(74% 0.15 340)",
|
|
1498
|
+
"--color-secondary": "oklch(76% 0.11 300)",
|
|
1499
|
+
"--color-accent": "oklch(86% 0.11 85)",
|
|
1500
|
+
"--color-neutral": "oklch(32% 0.025 330)",
|
|
1501
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1502
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1503
|
+
"--color-warning": "oklch(82% 0.14 60)",
|
|
1504
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1505
|
+
"--radius-selector": "0.5rem",
|
|
1506
|
+
"--radius-field": "0.25rem",
|
|
1507
|
+
"--radius-box": "0.25rem",
|
|
1508
|
+
"--depth": "0",
|
|
1509
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
1510
|
+
"--font-head": "\"Libre Baskerville\", serif",
|
|
1511
|
+
"--color-primary-content": "oklch(15% 0.02 340)",
|
|
1512
|
+
"--color-secondary-content": "oklch(15% 0.02 300)",
|
|
1513
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
1514
|
+
"--color-neutral-content": "oklch(98% 0.01 330)",
|
|
1515
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1516
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1517
|
+
"--color-warning-content": "oklch(15% 0.02 60)",
|
|
1518
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1519
|
+
},
|
|
1520
|
+
"contrastWarnings": {
|
|
1521
|
+
"light": [],
|
|
1522
|
+
"dark": []
|
|
1523
|
+
}
|
|
1524
|
+
},
|
|
1525
|
+
{
|
|
1526
|
+
"name": "frost",
|
|
1527
|
+
"character": "Almost-white with the faintest blue in it. Low chroma throughout, soft corners, flat — the theme to pick when the content is the design.",
|
|
1528
|
+
"applyAs": "data-theme=\"frost\"",
|
|
1529
|
+
"mode": "light",
|
|
1530
|
+
"roles": [
|
|
1531
|
+
"primary",
|
|
1532
|
+
"secondary",
|
|
1533
|
+
"accent",
|
|
1534
|
+
"neutral",
|
|
1535
|
+
"info",
|
|
1536
|
+
"success",
|
|
1537
|
+
"warning",
|
|
1538
|
+
"error"
|
|
1539
|
+
],
|
|
1540
|
+
"fonts": {
|
|
1541
|
+
"sans": {
|
|
1542
|
+
"family": "Inter",
|
|
1543
|
+
"source": "google",
|
|
1544
|
+
"weights": [
|
|
1545
|
+
400,
|
|
1546
|
+
600,
|
|
1547
|
+
700
|
|
1548
|
+
]
|
|
1549
|
+
},
|
|
1550
|
+
"head": {
|
|
1551
|
+
"family": "Sora",
|
|
1552
|
+
"source": "google",
|
|
1553
|
+
"weights": [
|
|
1554
|
+
400,
|
|
1555
|
+
600,
|
|
1556
|
+
700
|
|
1557
|
+
]
|
|
1558
|
+
}
|
|
1559
|
+
},
|
|
1560
|
+
"shape": {
|
|
1561
|
+
"--radius-selector": "1rem",
|
|
1562
|
+
"--radius-field": "0.5rem",
|
|
1563
|
+
"--radius-box": "0.75rem",
|
|
1564
|
+
"--depth": "0"
|
|
1565
|
+
},
|
|
1566
|
+
"light": {
|
|
1567
|
+
"--color-base-100": "oklch(99.5% 0.003 220)",
|
|
1568
|
+
"--color-base-200": "oklch(98% 0.006 220)",
|
|
1569
|
+
"--color-base-300": "oklch(93% 0.012 215)",
|
|
1570
|
+
"--color-base-content": "oklch(26% 0.02 230)",
|
|
1571
|
+
"--color-primary": "oklch(50% 0.1 220)",
|
|
1572
|
+
"--color-secondary": "oklch(52% 0.07 205)",
|
|
1573
|
+
"--color-accent": "oklch(76% 0.1 195)",
|
|
1574
|
+
"--color-neutral": "oklch(30% 0.015 230)",
|
|
1575
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1576
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1577
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1578
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1579
|
+
"--radius-selector": "1rem",
|
|
1580
|
+
"--radius-field": "0.5rem",
|
|
1581
|
+
"--radius-box": "0.75rem",
|
|
1582
|
+
"--depth": "0",
|
|
1583
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
1584
|
+
"--font-head": "\"Sora\", sans-serif",
|
|
1585
|
+
"--color-primary-content": "oklch(98% 0.01 220)",
|
|
1586
|
+
"--color-secondary-content": "oklch(98% 0.01 205)",
|
|
1587
|
+
"--color-accent-content": "oklch(15% 0.02 195)",
|
|
1588
|
+
"--color-neutral-content": "oklch(98% 0.01 230)",
|
|
1589
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1590
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1591
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1592
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1593
|
+
},
|
|
1594
|
+
"dark": {
|
|
1595
|
+
"--color-base-100": "oklch(20% 0.012 230)",
|
|
1596
|
+
"--color-base-200": "oklch(17% 0.012 230)",
|
|
1597
|
+
"--color-base-300": "oklch(14% 0.012 230)",
|
|
1598
|
+
"--color-base-content": "oklch(94% 0.006 220)",
|
|
1599
|
+
"--color-primary": "oklch(80% 0.09 220)",
|
|
1600
|
+
"--color-secondary": "oklch(76% 0.07 205)",
|
|
1601
|
+
"--color-accent": "oklch(86% 0.1 195)",
|
|
1602
|
+
"--color-neutral": "oklch(36% 0.015 230)",
|
|
1603
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1604
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1605
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1606
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1607
|
+
"--radius-selector": "1rem",
|
|
1608
|
+
"--radius-field": "0.5rem",
|
|
1609
|
+
"--radius-box": "0.75rem",
|
|
1610
|
+
"--depth": "0",
|
|
1611
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
1612
|
+
"--font-head": "\"Sora\", sans-serif",
|
|
1613
|
+
"--color-primary-content": "oklch(15% 0.02 220)",
|
|
1614
|
+
"--color-secondary-content": "oklch(15% 0.02 205)",
|
|
1615
|
+
"--color-accent-content": "oklch(15% 0.02 195)",
|
|
1616
|
+
"--color-neutral-content": "oklch(98% 0.01 230)",
|
|
1617
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1618
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1619
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1620
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1621
|
+
},
|
|
1622
|
+
"contrastWarnings": {
|
|
1623
|
+
"light": [],
|
|
1624
|
+
"dark": []
|
|
1625
|
+
}
|
|
1626
|
+
},
|
|
1627
|
+
{
|
|
1628
|
+
"name": "carbon",
|
|
1629
|
+
"character": "Achromatic black and white with one safety orange. Double-weight borders, square corners, zero depth — structure drawn in line, not in shadow.",
|
|
1630
|
+
"applyAs": "data-theme=\"carbon\"",
|
|
1631
|
+
"mode": "light",
|
|
1632
|
+
"roles": [
|
|
1633
|
+
"primary",
|
|
1634
|
+
"secondary",
|
|
1635
|
+
"accent",
|
|
1636
|
+
"neutral",
|
|
1637
|
+
"info",
|
|
1638
|
+
"success",
|
|
1639
|
+
"warning",
|
|
1640
|
+
"error"
|
|
1641
|
+
],
|
|
1642
|
+
"fonts": {
|
|
1643
|
+
"sans": {
|
|
1644
|
+
"family": "IBM Plex Sans",
|
|
1645
|
+
"source": "google",
|
|
1646
|
+
"weights": [
|
|
1647
|
+
400,
|
|
1648
|
+
600,
|
|
1649
|
+
700
|
|
1650
|
+
]
|
|
1651
|
+
},
|
|
1652
|
+
"head": {
|
|
1653
|
+
"family": "Archivo",
|
|
1654
|
+
"source": "google",
|
|
1655
|
+
"weights": [
|
|
1656
|
+
400,
|
|
1657
|
+
600,
|
|
1658
|
+
700
|
|
1659
|
+
]
|
|
1660
|
+
}
|
|
1661
|
+
},
|
|
1662
|
+
"shape": {
|
|
1663
|
+
"--radius-selector": "0.125rem",
|
|
1664
|
+
"--radius-field": "0.125rem",
|
|
1665
|
+
"--radius-box": "0.125rem",
|
|
1666
|
+
"--border": "2px",
|
|
1667
|
+
"--depth": "0"
|
|
1668
|
+
},
|
|
1669
|
+
"light": {
|
|
1670
|
+
"--color-base-100": "oklch(97% 0 0)",
|
|
1671
|
+
"--color-base-200": "oklch(94% 0 0)",
|
|
1672
|
+
"--color-base-300": "oklch(88% 0 0)",
|
|
1673
|
+
"--color-base-content": "oklch(16% 0 0)",
|
|
1674
|
+
"--color-primary": "oklch(20% 0 0)",
|
|
1675
|
+
"--color-secondary": "oklch(44% 0 0)",
|
|
1676
|
+
"--color-accent": "oklch(54% 0.21 40)",
|
|
1677
|
+
"--color-neutral": "oklch(16% 0 0)",
|
|
1678
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1679
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1680
|
+
"--color-warning": "oklch(72% 0.17 65)",
|
|
1681
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1682
|
+
"--radius-selector": "0.125rem",
|
|
1683
|
+
"--radius-field": "0.125rem",
|
|
1684
|
+
"--radius-box": "0.125rem",
|
|
1685
|
+
"--border": "2px",
|
|
1686
|
+
"--depth": "0",
|
|
1687
|
+
"--font-sans": "\"IBM Plex Sans\", sans-serif",
|
|
1688
|
+
"--font-head": "\"Archivo\", sans-serif",
|
|
1689
|
+
"--color-primary-content": "oklch(98% 0 0)",
|
|
1690
|
+
"--color-secondary-content": "oklch(98% 0 0)",
|
|
1691
|
+
"--color-accent-content": "oklch(98% 0.01 40)",
|
|
1692
|
+
"--color-neutral-content": "oklch(98% 0 0)",
|
|
1693
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1694
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1695
|
+
"--color-warning-content": "oklch(15% 0.02 65)",
|
|
1696
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1697
|
+
},
|
|
1698
|
+
"dark": {
|
|
1699
|
+
"--color-base-100": "oklch(13% 0 0)",
|
|
1700
|
+
"--color-base-200": "oklch(10% 0 0)",
|
|
1701
|
+
"--color-base-300": "oklch(7% 0 0)",
|
|
1702
|
+
"--color-base-content": "oklch(95% 0 0)",
|
|
1703
|
+
"--color-primary": "oklch(93% 0 0)",
|
|
1704
|
+
"--color-secondary": "oklch(62% 0 0)",
|
|
1705
|
+
"--color-accent": "oklch(74% 0.18 40)",
|
|
1706
|
+
"--color-neutral": "oklch(28% 0 0)",
|
|
1707
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1708
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1709
|
+
"--color-warning": "oklch(82% 0.15 65)",
|
|
1710
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1711
|
+
"--radius-selector": "0.125rem",
|
|
1712
|
+
"--radius-field": "0.125rem",
|
|
1713
|
+
"--radius-box": "0.125rem",
|
|
1714
|
+
"--border": "2px",
|
|
1715
|
+
"--depth": "0",
|
|
1716
|
+
"--font-sans": "\"IBM Plex Sans\", sans-serif",
|
|
1717
|
+
"--font-head": "\"Archivo\", sans-serif",
|
|
1718
|
+
"--color-primary-content": "oklch(15% 0 0)",
|
|
1719
|
+
"--color-secondary-content": "oklch(15% 0 0)",
|
|
1720
|
+
"--color-accent-content": "oklch(15% 0.02 40)",
|
|
1721
|
+
"--color-neutral-content": "oklch(98% 0 0)",
|
|
1722
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1723
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1724
|
+
"--color-warning-content": "oklch(15% 0.02 65)",
|
|
1725
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1726
|
+
},
|
|
1727
|
+
"contrastWarnings": {
|
|
1728
|
+
"light": [],
|
|
1729
|
+
"dark": []
|
|
1730
|
+
}
|
|
1731
|
+
},
|
|
1732
|
+
{
|
|
1733
|
+
"name": "lagoon",
|
|
1734
|
+
"character": "Turquoise water with a spring-green highlight. The roundest theme in the set — pill selectors, big boxes, lifted cards.",
|
|
1735
|
+
"applyAs": "data-theme=\"lagoon\"",
|
|
1736
|
+
"mode": "light",
|
|
1737
|
+
"roles": [
|
|
1738
|
+
"primary",
|
|
1739
|
+
"secondary",
|
|
1740
|
+
"accent",
|
|
1741
|
+
"neutral",
|
|
1742
|
+
"info",
|
|
1743
|
+
"success",
|
|
1744
|
+
"warning",
|
|
1745
|
+
"error"
|
|
1746
|
+
],
|
|
1747
|
+
"fonts": {
|
|
1748
|
+
"sans": {
|
|
1749
|
+
"family": "Poppins",
|
|
1750
|
+
"source": "google",
|
|
1751
|
+
"weights": [
|
|
1752
|
+
400,
|
|
1753
|
+
600,
|
|
1754
|
+
700
|
|
1755
|
+
]
|
|
1756
|
+
}
|
|
1757
|
+
},
|
|
1758
|
+
"shape": {
|
|
1759
|
+
"--radius-selector": "2rem",
|
|
1760
|
+
"--radius-field": "0.75rem",
|
|
1761
|
+
"--radius-box": "1.25rem",
|
|
1762
|
+
"--depth": "1"
|
|
1763
|
+
},
|
|
1764
|
+
"light": {
|
|
1765
|
+
"--color-base-100": "oklch(99% 0.01 195)",
|
|
1766
|
+
"--color-base-200": "oklch(97% 0.016 195)",
|
|
1767
|
+
"--color-base-300": "oklch(92% 0.028 190)",
|
|
1768
|
+
"--color-base-content": "oklch(24% 0.03 200)",
|
|
1769
|
+
"--color-primary": "oklch(50% 0.13 195)",
|
|
1770
|
+
"--color-secondary": "oklch(48% 0.12 230)",
|
|
1771
|
+
"--color-accent": "oklch(78% 0.16 130)",
|
|
1772
|
+
"--color-neutral": "oklch(28% 0.025 200)",
|
|
1773
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1774
|
+
"--color-success": "oklch(48% 0.13 160)",
|
|
1775
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1776
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1777
|
+
"--radius-selector": "2rem",
|
|
1778
|
+
"--radius-field": "0.75rem",
|
|
1779
|
+
"--radius-box": "1.25rem",
|
|
1780
|
+
"--depth": "1",
|
|
1781
|
+
"--font-sans": "\"Poppins\", sans-serif",
|
|
1782
|
+
"--color-primary-content": "oklch(98% 0.01 195)",
|
|
1783
|
+
"--color-secondary-content": "oklch(98% 0.01 230)",
|
|
1784
|
+
"--color-accent-content": "oklch(15% 0.02 130)",
|
|
1785
|
+
"--color-neutral-content": "oklch(98% 0.01 200)",
|
|
1786
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1787
|
+
"--color-success-content": "oklch(98% 0.01 160)",
|
|
1788
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1789
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1790
|
+
},
|
|
1791
|
+
"dark": {
|
|
1792
|
+
"--color-base-100": "oklch(19% 0.018 200)",
|
|
1793
|
+
"--color-base-200": "oklch(16% 0.018 200)",
|
|
1794
|
+
"--color-base-300": "oklch(13% 0.018 200)",
|
|
1795
|
+
"--color-base-content": "oklch(93% 0.014 195)",
|
|
1796
|
+
"--color-primary": "oklch(80% 0.12 195)",
|
|
1797
|
+
"--color-secondary": "oklch(76% 0.11 230)",
|
|
1798
|
+
"--color-accent": "oklch(87% 0.15 130)",
|
|
1799
|
+
"--color-neutral": "oklch(34% 0.025 200)",
|
|
1800
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1801
|
+
"--color-success": "oklch(76% 0.13 160)",
|
|
1802
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1803
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
1804
|
+
"--radius-selector": "2rem",
|
|
1805
|
+
"--radius-field": "0.75rem",
|
|
1806
|
+
"--radius-box": "1.25rem",
|
|
1807
|
+
"--depth": "1",
|
|
1808
|
+
"--font-sans": "\"Poppins\", sans-serif",
|
|
1809
|
+
"--color-primary-content": "oklch(15% 0.02 195)",
|
|
1810
|
+
"--color-secondary-content": "oklch(15% 0.02 230)",
|
|
1811
|
+
"--color-accent-content": "oklch(15% 0.02 130)",
|
|
1812
|
+
"--color-neutral-content": "oklch(98% 0.01 200)",
|
|
1813
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1814
|
+
"--color-success-content": "oklch(15% 0.02 160)",
|
|
1815
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1816
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
1817
|
+
},
|
|
1818
|
+
"contrastWarnings": {
|
|
1819
|
+
"light": [],
|
|
1820
|
+
"dark": []
|
|
1821
|
+
}
|
|
1822
|
+
},
|
|
1823
|
+
{
|
|
1824
|
+
"name": "clay",
|
|
1825
|
+
"character": "Terracotta and sage on warm paper — the palette of a good ceramics shop. Rounded, lifted, unfussy.",
|
|
1826
|
+
"applyAs": "data-theme=\"clay\"",
|
|
1827
|
+
"mode": "light",
|
|
1828
|
+
"roles": [
|
|
1829
|
+
"primary",
|
|
1830
|
+
"secondary",
|
|
1831
|
+
"accent",
|
|
1832
|
+
"neutral",
|
|
1833
|
+
"info",
|
|
1834
|
+
"success",
|
|
1835
|
+
"warning",
|
|
1836
|
+
"error"
|
|
1837
|
+
],
|
|
1838
|
+
"fonts": {
|
|
1839
|
+
"sans": {
|
|
1840
|
+
"family": "Karla",
|
|
1841
|
+
"source": "google",
|
|
1842
|
+
"weights": [
|
|
1843
|
+
400,
|
|
1844
|
+
600,
|
|
1845
|
+
700
|
|
1846
|
+
]
|
|
1847
|
+
},
|
|
1848
|
+
"head": {
|
|
1849
|
+
"family": "Epilogue",
|
|
1850
|
+
"source": "google",
|
|
1851
|
+
"weights": [
|
|
1852
|
+
400,
|
|
1853
|
+
600,
|
|
1854
|
+
700
|
|
1855
|
+
]
|
|
1856
|
+
}
|
|
1857
|
+
},
|
|
1858
|
+
"shape": {
|
|
1859
|
+
"--radius-selector": "1rem",
|
|
1860
|
+
"--radius-field": "0.5rem",
|
|
1861
|
+
"--radius-box": "0.75rem",
|
|
1862
|
+
"--depth": "1"
|
|
1863
|
+
},
|
|
1864
|
+
"light": {
|
|
1865
|
+
"--color-base-100": "oklch(98% 0.012 45)",
|
|
1866
|
+
"--color-base-200": "oklch(96% 0.02 45)",
|
|
1867
|
+
"--color-base-300": "oklch(90% 0.032 40)",
|
|
1868
|
+
"--color-base-content": "oklch(24% 0.03 35)",
|
|
1869
|
+
"--color-primary": "oklch(48% 0.13 40)",
|
|
1870
|
+
"--color-secondary": "oklch(44% 0.08 140)",
|
|
1871
|
+
"--color-accent": "oklch(76% 0.12 70)",
|
|
1872
|
+
"--color-neutral": "oklch(28% 0.025 35)",
|
|
1873
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1874
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1875
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
1876
|
+
"--color-error": "oklch(50% 0.2 27)",
|
|
1877
|
+
"--radius-selector": "1rem",
|
|
1878
|
+
"--radius-field": "0.5rem",
|
|
1879
|
+
"--radius-box": "0.75rem",
|
|
1880
|
+
"--depth": "1",
|
|
1881
|
+
"--font-sans": "\"Karla\", sans-serif",
|
|
1882
|
+
"--font-head": "\"Epilogue\", sans-serif",
|
|
1883
|
+
"--color-primary-content": "oklch(98% 0.01 40)",
|
|
1884
|
+
"--color-secondary-content": "oklch(98% 0.01 140)",
|
|
1885
|
+
"--color-accent-content": "oklch(15% 0.02 70)",
|
|
1886
|
+
"--color-neutral-content": "oklch(98% 0.01 35)",
|
|
1887
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1888
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1889
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1890
|
+
"--color-error-content": "oklch(98% 0.01 27)"
|
|
1891
|
+
},
|
|
1892
|
+
"dark": {
|
|
1893
|
+
"--color-base-100": "oklch(19% 0.016 35)",
|
|
1894
|
+
"--color-base-200": "oklch(16% 0.016 35)",
|
|
1895
|
+
"--color-base-300": "oklch(13% 0.016 35)",
|
|
1896
|
+
"--color-base-content": "oklch(93% 0.014 45)",
|
|
1897
|
+
"--color-primary": "oklch(78% 0.12 40)",
|
|
1898
|
+
"--color-secondary": "oklch(74% 0.08 140)",
|
|
1899
|
+
"--color-accent": "oklch(84% 0.11 70)",
|
|
1900
|
+
"--color-neutral": "oklch(34% 0.025 35)",
|
|
1901
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
1902
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
1903
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
1904
|
+
"--color-error": "oklch(70% 0.18 27)",
|
|
1905
|
+
"--radius-selector": "1rem",
|
|
1906
|
+
"--radius-field": "0.5rem",
|
|
1907
|
+
"--radius-box": "0.75rem",
|
|
1908
|
+
"--depth": "1",
|
|
1909
|
+
"--font-sans": "\"Karla\", sans-serif",
|
|
1910
|
+
"--font-head": "\"Epilogue\", sans-serif",
|
|
1911
|
+
"--color-primary-content": "oklch(15% 0.02 40)",
|
|
1912
|
+
"--color-secondary-content": "oklch(15% 0.02 140)",
|
|
1913
|
+
"--color-accent-content": "oklch(15% 0.02 70)",
|
|
1914
|
+
"--color-neutral-content": "oklch(98% 0.01 35)",
|
|
1915
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
1916
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
1917
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
1918
|
+
"--color-error-content": "oklch(15% 0.02 27)"
|
|
1919
|
+
},
|
|
1920
|
+
"contrastWarnings": {
|
|
1921
|
+
"light": [],
|
|
1922
|
+
"dark": []
|
|
1923
|
+
}
|
|
1924
|
+
},
|
|
1925
|
+
{
|
|
1926
|
+
"name": "midnight",
|
|
1927
|
+
"character": "Navy and gilt. The light mode is tinted deep blue rather than white, so the theme keeps its identity in both — formal, printed, evening.",
|
|
1928
|
+
"applyAs": "data-theme=\"midnight\"",
|
|
1929
|
+
"mode": "light",
|
|
1930
|
+
"roles": [
|
|
1931
|
+
"primary",
|
|
1932
|
+
"secondary",
|
|
1933
|
+
"accent",
|
|
1934
|
+
"neutral",
|
|
1935
|
+
"info",
|
|
1936
|
+
"success",
|
|
1937
|
+
"warning",
|
|
1938
|
+
"error"
|
|
1939
|
+
],
|
|
1940
|
+
"fonts": {
|
|
1941
|
+
"sans": {
|
|
1942
|
+
"family": "Inter",
|
|
1943
|
+
"source": "google",
|
|
1944
|
+
"weights": [
|
|
1945
|
+
400,
|
|
1946
|
+
600,
|
|
1947
|
+
700
|
|
1948
|
+
]
|
|
1949
|
+
},
|
|
1950
|
+
"head": {
|
|
1951
|
+
"family": "Spectral",
|
|
1952
|
+
"source": "google",
|
|
1953
|
+
"weights": [
|
|
1954
|
+
400,
|
|
1955
|
+
600,
|
|
1956
|
+
700
|
|
1957
|
+
]
|
|
1958
|
+
}
|
|
1959
|
+
},
|
|
1960
|
+
"shape": {
|
|
1961
|
+
"--radius-selector": "0.25rem",
|
|
1962
|
+
"--radius-field": "0.25rem",
|
|
1963
|
+
"--radius-box": "0.25rem",
|
|
1964
|
+
"--depth": "0"
|
|
1965
|
+
},
|
|
1966
|
+
"light": {
|
|
1967
|
+
"--color-base-100": "oklch(98% 0.006 265)",
|
|
1968
|
+
"--color-base-200": "oklch(95% 0.012 265)",
|
|
1969
|
+
"--color-base-300": "oklch(90% 0.02 265)",
|
|
1970
|
+
"--color-base-content": "oklch(20% 0.03 265)",
|
|
1971
|
+
"--color-primary": "oklch(32% 0.1 265)",
|
|
1972
|
+
"--color-secondary": "oklch(44% 0.07 265)",
|
|
1973
|
+
"--color-accent": "oklch(78% 0.13 85)",
|
|
1974
|
+
"--color-neutral": "oklch(22% 0.025 265)",
|
|
1975
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
1976
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
1977
|
+
"--color-warning": "oklch(74% 0.15 60)",
|
|
1978
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
1979
|
+
"--radius-selector": "0.25rem",
|
|
1980
|
+
"--radius-field": "0.25rem",
|
|
1981
|
+
"--radius-box": "0.25rem",
|
|
1982
|
+
"--depth": "0",
|
|
1983
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
1984
|
+
"--font-head": "\"Spectral\", serif",
|
|
1985
|
+
"--color-primary-content": "oklch(98% 0.01 265)",
|
|
1986
|
+
"--color-secondary-content": "oklch(98% 0.01 265)",
|
|
1987
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
1988
|
+
"--color-neutral-content": "oklch(98% 0.01 265)",
|
|
1989
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
1990
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
1991
|
+
"--color-warning-content": "oklch(15% 0.02 60)",
|
|
1992
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
1993
|
+
},
|
|
1994
|
+
"dark": {
|
|
1995
|
+
"--color-base-100": "oklch(15% 0.02 265)",
|
|
1996
|
+
"--color-base-200": "oklch(12% 0.02 265)",
|
|
1997
|
+
"--color-base-300": "oklch(9% 0.02 265)",
|
|
1998
|
+
"--color-base-content": "oklch(92% 0.01 265)",
|
|
1999
|
+
"--color-primary": "oklch(76% 0.11 265)",
|
|
2000
|
+
"--color-secondary": "oklch(74% 0.07 265)",
|
|
2001
|
+
"--color-accent": "oklch(86% 0.12 85)",
|
|
2002
|
+
"--color-neutral": "oklch(30% 0.025 265)",
|
|
2003
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
2004
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
2005
|
+
"--color-warning": "oklch(82% 0.14 60)",
|
|
2006
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
2007
|
+
"--radius-selector": "0.25rem",
|
|
2008
|
+
"--radius-field": "0.25rem",
|
|
2009
|
+
"--radius-box": "0.25rem",
|
|
2010
|
+
"--depth": "0",
|
|
2011
|
+
"--font-sans": "\"Inter\", sans-serif",
|
|
2012
|
+
"--font-head": "\"Spectral\", serif",
|
|
2013
|
+
"--color-primary-content": "oklch(15% 0.02 265)",
|
|
2014
|
+
"--color-secondary-content": "oklch(15% 0.02 265)",
|
|
2015
|
+
"--color-accent-content": "oklch(15% 0.02 85)",
|
|
2016
|
+
"--color-neutral-content": "oklch(98% 0.01 265)",
|
|
2017
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
2018
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
2019
|
+
"--color-warning-content": "oklch(15% 0.02 60)",
|
|
2020
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
2021
|
+
},
|
|
2022
|
+
"contrastWarnings": {
|
|
2023
|
+
"light": [],
|
|
2024
|
+
"dark": []
|
|
2025
|
+
}
|
|
2026
|
+
},
|
|
2027
|
+
{
|
|
2028
|
+
"name": "neon",
|
|
2029
|
+
"character": "Magenta and violet with a lime highlight, pitched as high as AA allows. Wide display headings on a technical body face — the loudest theme here, and the one that most needs a light hand.",
|
|
2030
|
+
"applyAs": "data-theme=\"neon\"",
|
|
2031
|
+
"mode": "light",
|
|
2032
|
+
"roles": [
|
|
2033
|
+
"primary",
|
|
2034
|
+
"secondary",
|
|
2035
|
+
"accent",
|
|
2036
|
+
"neutral",
|
|
2037
|
+
"info",
|
|
2038
|
+
"success",
|
|
2039
|
+
"warning",
|
|
2040
|
+
"error"
|
|
2041
|
+
],
|
|
2042
|
+
"fonts": {
|
|
2043
|
+
"sans": {
|
|
2044
|
+
"family": "Space Grotesk",
|
|
2045
|
+
"source": "google",
|
|
2046
|
+
"weights": [
|
|
2047
|
+
400,
|
|
2048
|
+
600,
|
|
2049
|
+
700
|
|
2050
|
+
]
|
|
2051
|
+
},
|
|
2052
|
+
"head": {
|
|
2053
|
+
"family": "Syne",
|
|
2054
|
+
"source": "google",
|
|
2055
|
+
"weights": [
|
|
2056
|
+
400,
|
|
2057
|
+
600,
|
|
2058
|
+
700
|
|
2059
|
+
]
|
|
2060
|
+
}
|
|
2061
|
+
},
|
|
2062
|
+
"shape": {
|
|
2063
|
+
"--radius-selector": "0.25rem",
|
|
2064
|
+
"--radius-field": "0.25rem",
|
|
2065
|
+
"--radius-box": "0.375rem",
|
|
2066
|
+
"--depth": "0"
|
|
2067
|
+
},
|
|
2068
|
+
"light": {
|
|
2069
|
+
"--color-base-100": "oklch(98% 0.003 300)",
|
|
2070
|
+
"--color-base-200": "oklch(95% 0.006 300)",
|
|
2071
|
+
"--color-base-300": "oklch(89% 0.012 300)",
|
|
2072
|
+
"--color-base-content": "oklch(17% 0.015 300)",
|
|
2073
|
+
"--color-primary": "oklch(48% 0.25 320)",
|
|
2074
|
+
"--color-secondary": "oklch(44% 0.2 285)",
|
|
2075
|
+
"--color-accent": "oklch(80% 0.2 130)",
|
|
2076
|
+
"--color-neutral": "oklch(20% 0.015 300)",
|
|
2077
|
+
"--color-info": "oklch(52% 0.13 232)",
|
|
2078
|
+
"--color-success": "oklch(48% 0.13 150)",
|
|
2079
|
+
"--color-warning": "oklch(76% 0.14 80)",
|
|
2080
|
+
"--color-error": "oklch(52% 0.19 25)",
|
|
2081
|
+
"--radius-selector": "0.25rem",
|
|
2082
|
+
"--radius-field": "0.25rem",
|
|
2083
|
+
"--radius-box": "0.375rem",
|
|
2084
|
+
"--depth": "0",
|
|
2085
|
+
"--font-sans": "\"Space Grotesk\", sans-serif",
|
|
2086
|
+
"--font-head": "\"Syne\", sans-serif",
|
|
2087
|
+
"--color-primary-content": "oklch(98% 0.01 320)",
|
|
2088
|
+
"--color-secondary-content": "oklch(98% 0.01 285)",
|
|
2089
|
+
"--color-accent-content": "oklch(15% 0.02 130)",
|
|
2090
|
+
"--color-neutral-content": "oklch(98% 0.01 300)",
|
|
2091
|
+
"--color-info-content": "oklch(98% 0.01 232)",
|
|
2092
|
+
"--color-success-content": "oklch(98% 0.01 150)",
|
|
2093
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
2094
|
+
"--color-error-content": "oklch(98% 0.01 25)"
|
|
2095
|
+
},
|
|
2096
|
+
"dark": {
|
|
2097
|
+
"--color-base-100": "oklch(12% 0.012 300)",
|
|
2098
|
+
"--color-base-200": "oklch(9% 0.012 300)",
|
|
2099
|
+
"--color-base-300": "oklch(6% 0.012 300)",
|
|
2100
|
+
"--color-base-content": "oklch(95% 0.01 300)",
|
|
2101
|
+
"--color-primary": "oklch(76% 0.22 320)",
|
|
2102
|
+
"--color-secondary": "oklch(74% 0.18 285)",
|
|
2103
|
+
"--color-accent": "oklch(88% 0.2 130)",
|
|
2104
|
+
"--color-neutral": "oklch(30% 0.018 300)",
|
|
2105
|
+
"--color-info": "oklch(76% 0.11 232)",
|
|
2106
|
+
"--color-success": "oklch(76% 0.13 150)",
|
|
2107
|
+
"--color-warning": "oklch(84% 0.13 80)",
|
|
2108
|
+
"--color-error": "oklch(70% 0.17 25)",
|
|
2109
|
+
"--radius-selector": "0.25rem",
|
|
2110
|
+
"--radius-field": "0.25rem",
|
|
2111
|
+
"--radius-box": "0.375rem",
|
|
2112
|
+
"--depth": "0",
|
|
2113
|
+
"--font-sans": "\"Space Grotesk\", sans-serif",
|
|
2114
|
+
"--font-head": "\"Syne\", sans-serif",
|
|
2115
|
+
"--color-primary-content": "oklch(15% 0.02 320)",
|
|
2116
|
+
"--color-secondary-content": "oklch(15% 0.02 285)",
|
|
2117
|
+
"--color-accent-content": "oklch(15% 0.02 130)",
|
|
2118
|
+
"--color-neutral-content": "oklch(98% 0.01 300)",
|
|
2119
|
+
"--color-info-content": "oklch(15% 0.02 232)",
|
|
2120
|
+
"--color-success-content": "oklch(15% 0.02 150)",
|
|
2121
|
+
"--color-warning-content": "oklch(15% 0.02 80)",
|
|
2122
|
+
"--color-error-content": "oklch(15% 0.02 25)"
|
|
2123
|
+
},
|
|
2124
|
+
"contrastWarnings": {
|
|
2125
|
+
"light": [],
|
|
2126
|
+
"dark": []
|
|
2127
|
+
}
|
|
2128
|
+
}
|
|
2129
|
+
]
|
|
2130
|
+
}
|