@nonamelego/dsh-catppuccin 0.1.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/lib/client.js ADDED
@@ -0,0 +1,925 @@
1
+ window.__ModuleLoader__.load({
2
+ id: "@nonamelego/dsh-catppuccin",
3
+ factory: (require) => {
4
+ var module = { exports: {} };
5
+ var exports = module.exports;
6
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
7
+ let react = require("react");
8
+ let react_jsx_runtime = require("react/jsx-runtime");
9
+ //#region src/client/CatppuccinRow.tsx
10
+ /**
11
+ * Catppuccin settings row — one General-section preference row listing the
12
+ * four flavour themes plus a "follow system" (off) choice. Selecting a
13
+ * flavour calls the injected `select`, which switches the official
14
+ * ThemeRuntime and persists the choice. The row subscribes to `theme/change`
15
+ * so the highlighted flavour tracks the live preference.
16
+ */
17
+ /**
18
+ * Render the Catppuccin row: title, one swatch button per flavour, and a
19
+ * follow-system button. The active flavour is highlighted; clicking a flavour
20
+ * applies it immediately (live, no restart) and persists the choice.
21
+ * @param props - composed slot props.
22
+ * @returns the row element tree.
23
+ */
24
+ function CatppuccinRow({ t, themes, current, subscribe, select }) {
25
+ const choice = (0, react.useSyncExternalStore)(subscribe, current);
26
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
27
+ style: {
28
+ borderBottom: "1px solid var(--dsw-alias-border-l2)",
29
+ display: "flex",
30
+ flexDirection: "column",
31
+ gap: "10px",
32
+ padding: "16px 0"
33
+ },
34
+ children: [
35
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
36
+ style: {
37
+ color: "var(--dsw-alias-label-primary)",
38
+ fontSize: 14,
39
+ lineHeight: "22px"
40
+ },
41
+ children: t("row.title")
42
+ }),
43
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
44
+ style: {
45
+ color: "var(--dsw-alias-label-tertiary)",
46
+ fontSize: 12,
47
+ lineHeight: "18px"
48
+ },
49
+ children: t("row.description")
50
+ }),
51
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
52
+ style: {
53
+ display: "flex",
54
+ flexWrap: "wrap",
55
+ gap: "8px"
56
+ },
57
+ children: [themes.map((flavor) => {
58
+ const selected = choice === flavor.id;
59
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
60
+ type: "button",
61
+ "aria-pressed": selected,
62
+ onClick: () => void select(flavor.id),
63
+ style: {
64
+ display: "inline-flex",
65
+ alignItems: "center",
66
+ gap: 6,
67
+ padding: "6px 12px",
68
+ borderRadius: 8,
69
+ border: `1px solid ${selected ? "var(--dsw-alias-border-l3)" : "var(--dsw-alias-border-l1)"}`,
70
+ background: selected ? "var(--dsw-alias-interactive-bg-active)" : "transparent",
71
+ color: "var(--dsw-alias-label-primary)",
72
+ cursor: "pointer",
73
+ font: "inherit"
74
+ },
75
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
76
+ "aria-hidden": "true",
77
+ style: {
78
+ width: 12,
79
+ height: 12,
80
+ borderRadius: 3,
81
+ background: flavor.accent,
82
+ flex: "none"
83
+ }
84
+ }), flavor.label]
85
+ }, flavor.id);
86
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
87
+ type: "button",
88
+ "aria-pressed": choice === "off",
89
+ onClick: () => void select("off"),
90
+ style: {
91
+ display: "inline-flex",
92
+ alignItems: "center",
93
+ gap: 6,
94
+ padding: "6px 12px",
95
+ borderRadius: 8,
96
+ border: `1px solid ${choice === "off" ? "var(--dsw-alias-border-l3)" : "var(--dsw-alias-border-l1)"}`,
97
+ background: choice === "off" ? "var(--dsw-alias-interactive-bg-active)" : "transparent",
98
+ color: "var(--dsw-alias-label-primary)",
99
+ cursor: "pointer",
100
+ font: "inherit"
101
+ },
102
+ children: t("row.off")
103
+ }, "off")]
104
+ })
105
+ ]
106
+ });
107
+ }
108
+ //#endregion
109
+ //#region src/client/locales.ts
110
+ /**
111
+ * Catppuccin settings-row copy. The zh dictionary is the key-set source of
112
+ * truth; the en dictionary mirrors it (checked complete against the zh keys).
113
+ */
114
+ /** Simplified Chinese dictionary. */
115
+ const zh = {
116
+ "row.title": "Catppuccin 主题",
117
+ "row.description": "Latte / Frappé / Macchiato / Mocha 四款配色,一键切换。",
118
+ "row.off": "跟随系统",
119
+ "flavor.latte": "Latte",
120
+ "flavor.frappe": "Frappé",
121
+ "flavor.macchiato": "Macchiato",
122
+ "flavor.mocha": "Mocha"
123
+ };
124
+ /** English dictionary, checked complete against the zh key set. */
125
+ const en = {
126
+ "row.title": "Catppuccin theme",
127
+ "row.description": "Latte / Frappé / Macchiato / Mocha, one click away.",
128
+ "row.off": "Follow system",
129
+ "flavor.latte": "Latte",
130
+ "flavor.frappe": "Frappé",
131
+ "flavor.macchiato": "Macchiato",
132
+ "flavor.mocha": "Mocha"
133
+ };
134
+ const CATPPUCCIN_FLAVORS = [
135
+ {
136
+ themeId: "catppuccin-latte",
137
+ colorScheme: "light",
138
+ label: "Latte",
139
+ accent: "#1e66f5",
140
+ tokens: {
141
+ "--dsw-static-amber-100": "color-mix(in srgb, #fe640b 20%, #eff1f5)",
142
+ "--dsw-static-amber-400": "#df8e1d",
143
+ "--dsw-static-amber-500": "#fe640b",
144
+ "--dsw-static-amber-600": "#fe640b",
145
+ "--dsw-static-amber-900": "color-mix(in srgb, #fe640b 32%, #eff1f5)",
146
+ "--dsw-static-blue-100": "color-mix(in srgb, #1e66f5 22%, #eff1f5)",
147
+ "--dsw-static-blue-300": "color-mix(in srgb, #1e66f5 48%, #eff1f5)",
148
+ "--dsw-static-blue-400": "color-mix(in srgb, #1e66f5 65%, #eff1f5)",
149
+ "--dsw-static-blue-450": "color-mix(in srgb, #1e66f5 82%, #eff1f5)",
150
+ "--dsw-static-blue-500": "#1e66f5",
151
+ "--dsw-static-blue-50": "color-mix(in srgb, #1e66f5 8%, #eff1f5)",
152
+ "--dsw-static-blue-50p": "color-mix(in srgb, #1e66f5 12%, #eff1f5)",
153
+ "--dsw-static-blue-600": "color-mix(in srgb, #1e66f5 82%, #eff1f5)",
154
+ "--dsw-static-blue-75": "color-mix(in srgb, #1e66f5 16%, #eff1f5)",
155
+ "--dsw-static-blue-800": "color-mix(in srgb, #1e66f5 50%, #eff1f5)",
156
+ "--dsw-static-blue-900": "color-mix(in srgb, #1e66f5 38%, #eff1f5)",
157
+ "--dsw-static-blue-950": "color-mix(in srgb, #1e66f5 26%, #eff1f5)",
158
+ "--dsw-static-deepseek-100": "color-mix(in srgb, #1e66f5 22%, #eff1f5)",
159
+ "--dsw-static-deepseek-200": "color-mix(in srgb, #1e66f5 34%, #eff1f5)",
160
+ "--dsw-static-deepseek-300": "color-mix(in srgb, #1e66f5 48%, #eff1f5)",
161
+ "--dsw-static-deepseek-400": "color-mix(in srgb, #1e66f5 65%, #eff1f5)",
162
+ "--dsw-static-deepseek-450": "color-mix(in srgb, #1e66f5 82%, #eff1f5)",
163
+ "--dsw-static-deepseek-500": "#1e66f5",
164
+ "--dsw-static-deepseek-50": "color-mix(in srgb, #1e66f5 8%, #eff1f5)",
165
+ "--dsw-static-deepseek-600": "color-mix(in srgb, #1e66f5 82%, #eff1f5)",
166
+ "--dsw-static-deepseek-700-delete": "color-mix(in srgb, #1e66f5 66%, #eff1f5)",
167
+ "--dsw-static-deepseek-800": "color-mix(in srgb, #1e66f5 50%, #eff1f5)",
168
+ "--dsw-static-deepseek-900": "color-mix(in srgb, #1e66f5 38%, #eff1f5)",
169
+ "--dsw-static-green-100": "color-mix(in srgb, #40a02b 18%, #eff1f5)",
170
+ "--dsw-static-green-400": "color-mix(in srgb, #40a02b 80%, #eff1f5)",
171
+ "--dsw-static-green-500": "#40a02b",
172
+ "--dsw-static-green-900": "color-mix(in srgb, #40a02b 30%, #eff1f5)",
173
+ "--dsw-static-neutral-00": "#eff1f5",
174
+ "--dsw-static-neutral-1000": "#4c4f69",
175
+ "--dsw-static-neutral-100": "#bcc0cc",
176
+ "--dsw-static-neutral-150": "#acb0be",
177
+ "--dsw-static-neutral-200": "#9ca0b0",
178
+ "--dsw-static-neutral-250": "#9ca0b0",
179
+ "--dsw-static-neutral-300": "#8c8fa1",
180
+ "--dsw-static-neutral-400": "#7c7f93",
181
+ "--dsw-static-neutral-500": "#6c6f85",
182
+ "--dsw-static-neutral-50": "#e6e9ef",
183
+ "--dsw-static-neutral-550": "#6c6f85",
184
+ "--dsw-static-neutral-600": "#5c5f77",
185
+ "--dsw-static-neutral-700": "#5c5f77",
186
+ "--dsw-static-neutral-800": "#4c4f69",
187
+ "--dsw-static-neutral-850": "#4c4f69",
188
+ "--dsw-static-neutral-900": "#4c4f69",
189
+ "--dsw-static-neutral-bluish-00": "#eff1f5",
190
+ "--dsw-static-neutral-bluish-1000": "#4c4f69",
191
+ "--dsw-static-neutral-bluish-100": "#bcc0cc",
192
+ "--dsw-static-neutral-bluish-150": "#acb0be",
193
+ "--dsw-static-neutral-bluish-200": "#9ca0b0",
194
+ "--dsw-static-neutral-bluish-300": "#8c8fa1",
195
+ "--dsw-static-neutral-bluish-400": "#7c7f93",
196
+ "--dsw-static-neutral-bluish-500": "#6c6f85",
197
+ "--dsw-static-neutral-bluish-50": "#e6e9ef",
198
+ "--dsw-static-neutral-bluish-600": "#5c5f77",
199
+ "--dsw-static-neutral-bluish-60": "#e6e9ef",
200
+ "--dsw-static-neutral-bluish-700": "#5c5f77",
201
+ "--dsw-static-neutral-bluish-750": "#4c4f69",
202
+ "--dsw-static-neutral-bluish-75": "#ccd0da",
203
+ "--dsw-static-neutral-bluish-800": "#4c4f69",
204
+ "--dsw-static-neutral-bluish-850": "#4c4f69",
205
+ "--dsw-static-neutral-bluish-875": "#4c4f69",
206
+ "--dsw-static-neutral-bluish-900": "#4c4f69",
207
+ "--dsw-static-neutral-bluish-950": "#4c4f69",
208
+ "--dsw-static-red-100": "color-mix(in srgb, #d20f39 20%, #eff1f5)",
209
+ "--dsw-static-red-400": "color-mix(in srgb, #d20f39 70%, #eff1f5)",
210
+ "--dsw-static-red-500": "#d20f39",
211
+ "--dsw-static-red-50": "color-mix(in srgb, #d20f39 10%, #eff1f5)",
212
+ "--dsw-static-red-600": "#d20f39",
213
+ "--dsw-static-red-900": "color-mix(in srgb, #d20f39 34%, #eff1f5)",
214
+ "--dsw-alias-bg-base": "var(--dsw-static-neutral-bluish-00)",
215
+ "--dsw-alias-bg-layer-1": "var(--dsw-static-neutral-bluish-00)",
216
+ "--dsw-alias-bg-layer-2": "var(--dsw-static-neutral-bluish-00)",
217
+ "--dsw-alias-bg-layer-3": "var(--dsw-static-neutral-bluish-00)",
218
+ "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.24)",
219
+ "--dsw-alias-bg-mask-2": "rgba(0, 0, 0, 0.12)",
220
+ "--dsw-alias-bg-mask-3": "rgba(0, 0, 0, 0.48)",
221
+ "--dsw-alias-bg-mask-photo": "rgba(0, 0, 0, 0.88)",
222
+ "--dsw-alias-bg-mask-drop": "rgba(255, 255, 255, 0.7)",
223
+ "--dsw-alias-bg-module-platform": "var(--dsw-static-neutral-bluish-60)",
224
+ "--dsw-alias-bg-multi-select": "var(--dsw-static-neutral-bluish-60)",
225
+ "--dsw-alias-bg-overlay": "var(--dsw-static-neutral-bluish-150)",
226
+ "--dsw-alias-bg-skeleton": "rgba(0, 0, 0, 0.04)",
227
+ "--dsw-alias-border-inverted2": "rgba(0, 0, 0, 0)",
228
+ "--dsw-alias-border-inverted": "rgba(0, 0, 0, 0)",
229
+ "--dsw-alias-border-l1": "rgba(0, 0, 0, 0.04)",
230
+ "--dsw-alias-border-l2-darkmode-thin": "rgba(0, 0, 0, 0.1)",
231
+ "--dsw-alias-border-l2": "rgba(0, 0, 0, 0.1)",
232
+ "--dsw-alias-border-l3": "rgba(0, 0, 0, 0.12)",
233
+ "--dsw-alias-border-l4": "rgba(0, 0, 0, 0.16)",
234
+ "--dsw-alias-brand-primary-invert": "var(--dsw-static-neutral-bluish-1000)",
235
+ "--dsw-alias-brand-primary-new-colorprimary-new-color": "#1e66f5",
236
+ "--dsw-alias-brand-primary": "var(--dsw-static-neutral-bluish-1000)",
237
+ "--dsw-alias-brand-text": "var(--dsw-static-neutral-bluish-1000)",
238
+ "--dsw-alias-button-contrast-fill": "var(--dsw-static-neutral-bluish-700)",
239
+ "--dsw-alias-button-elevated-fill": "var(--dsw-static-neutral-bluish-00)",
240
+ "--dsw-alias-button-floating-fill": "var(--dsw-static-neutral-bluish-00)",
241
+ "--dsw-alias-button-floating-hover": "var(--dsw-static-neutral-bluish-75)",
242
+ "--dsw-alias-button-ghost-active-border": "var(--dsw-static-neutral-bluish-500)",
243
+ "--dsw-alias-button-ghost-active-fill": "var(--dsw-static-neutral-bluish-100)",
244
+ "--dsw-alias-button-ghost-active-hover": "var(--dsw-static-neutral-bluish-150)",
245
+ "--dsw-alias-button-info-fill": "var(--dsw-static-deepseek-500)",
246
+ "--dsw-alias-button-info-hover": "var(--dsw-static-deepseek-400)",
247
+ "--dsw-alias-button-primary-dimmed": "var(--dsw-static-neutral-bluish-100)",
248
+ "--dsw-alias-button-primary-fill": "var(--dsw-alias-brand-primary)",
249
+ "--dsw-alias-button-primary-hover": "var(--dsw-static-neutral-bluish-750)",
250
+ "--dsw-alias-button-tool-bar-fill-invisible": "rgba(31, 31, 31, 0.36)",
251
+ "--dsw-alias-button-tool-bar-fill": "rgba(84, 85, 87, 0.5)",
252
+ "--dsw-alias-button-tool-bar-hover": "rgba(84, 85, 87, 0.6)",
253
+ "--dsw-alias-interactive-bg-active": "rgba(38, 49, 72, 0.1)",
254
+ "--dsw-alias-interactive-bg-hover-accent": "rgba(38, 49, 72, 0.14)",
255
+ "--dsw-alias-interactive-bg-hover-danger": "rgba(236, 19, 19, 0.05)",
256
+ "--dsw-alias-interactive-bg-hover-solid": "var(--dsw-static-neutral-bluish-75)",
257
+ "--dsw-alias-interactive-bg-hover": "rgba(38, 49, 72, 0.06)",
258
+ "--dsw-alias-label-caption": "var(--dsw-static-neutral-bluish-400)",
259
+ "--dsw-alias-label-dimmed": "var(--dsw-static-neutral-bluish-200)",
260
+ "--dsw-alias-label-primary-bluish": "var(--dsw-static-blue-900)",
261
+ "--dsw-alias-label-primary-dimmed": "var(--dsw-static-neutral-bluish-950)",
262
+ "--dsw-alias-label-primary-foreground": "var(--dsw-static-neutral-bluish-00)",
263
+ "--dsw-alias-label-primary-inverted": "var(--dsw-static-neutral-bluish-00)",
264
+ "--dsw-alias-label-primary": "var(--dsw-static-neutral-bluish-1000)",
265
+ "--dsw-alias-label-secondary": "var(--dsw-static-neutral-bluish-700)",
266
+ "--dsw-alias-label-tertiary": "var(--dsw-static-neutral-bluish-600)",
267
+ "--dsw-alias-markdown-citation": "var(--dsw-static-neutral-bluish-100)",
268
+ "--dsw-alias-markdown-code-block-banner": "var(--dsw-static-neutral-bluish-50)",
269
+ "--dsw-alias-markdown-code-block": "var(--dsw-static-neutral-bluish-50)",
270
+ "--dsw-alias-markdown-code-segment-selected": "var(--dsw-static-neutral-bluish-00)",
271
+ "--dsw-alias-markdown-code-segment-unselected": "var(--dsw-static-neutral-bluish-75)",
272
+ "--dsw-alias-markdown-inline-code": "var(--dsw-static-neutral-bluish-100)",
273
+ "--dsw-alias-markdown-placeholder": "var(--dsw-static-neutral-bluish-60)",
274
+ "--dsw-alias-markdown-tag": "var(--dsw-static-neutral-bluish-75)",
275
+ "--dsw-alias-scrollbar-bg-l1": "var(--dsw-static-neutral-200)",
276
+ "--dsw-alias-scrollbar-bg-l2": "var(--dsw-static-neutral-200)",
277
+ "--dsw-alias-scrollbar-hover-l1": "var(--dsw-static-neutral-300)",
278
+ "--dsw-alias-scrollbar-hover-l2": "var(--dsw-static-neutral-300)",
279
+ "--dsw-alias-state-business-primary": "var(--dsw-static-deepseek-500)",
280
+ "--dsw-alias-state-business-tertiary": "var(--dsw-static-deepseek-100)",
281
+ "--dsw-alias-state-error-primary": "var(--dsw-static-red-600)",
282
+ "--dsw-alias-state-error-secondary": "var(--dsw-static-red-400)",
283
+ "--dsw-alias-state-success-primary": "var(--dsw-static-green-500)",
284
+ "--dsw-alias-state-success-secondary": "var(--dsw-static-green-400)",
285
+ "--dsw-alias-state-success-tertiary": "var(--dsw-static-green-100)",
286
+ "--dsw-alias-state-warn-label": "var(--dsw-static-amber-600)",
287
+ "--dsw-alias-state-warn-primary": "var(--dsw-static-amber-500)",
288
+ "--dsw-alias-state-warn-secondary": "var(--dsw-static-amber-400)",
289
+ "--dsw-alias-state-warn-tertiary": "var(--dsw-static-amber-100)",
290
+ "--dsw-alias-toast-bg": "var(--dsw-static-neutral-bluish-800)",
291
+ "--dsw-alias-tooltip-bg": "var(--dsw-static-neutral-bluish-850)",
292
+ "--dsw-specific-bubble-highlight": "var(--dsw-static-deepseek-200)",
293
+ "--dsw-specific-bubble": "var(--dsw-static-deepseek-50)",
294
+ "--dsw-specific-input-major": "var(--dsw-static-neutral-bluish-00)",
295
+ "--dsw-specific-login-input": "var(--dsw-static-neutral-bluish-50)",
296
+ "--dsw-specific-menu": "var(--dsw-alias-bg-layer-3)",
297
+ "--dsw-specific-selector": "var(--dsw-static-neutral-bluish-60)",
298
+ "--dsw-specific-sidebar-fill": "var(--dsw-static-neutral-bluish-50)",
299
+ "--dsw-specific-sidebar-nav-item-active-accent": "var(--dsw-static-deepseek-100)",
300
+ "--dsw-specific-sidebar-nav-item-active": "var(--dsw-static-neutral-bluish-100)",
301
+ "--dsw-specific-sidebar-nav-item-hover": "var(--dsw-static-neutral-bluish-75)",
302
+ "--dsw-specific-tip": "var(--dsw-static-neutral-bluish-60)"
303
+ }
304
+ },
305
+ {
306
+ themeId: "catppuccin-frappe",
307
+ colorScheme: "dark",
308
+ label: "Frappé",
309
+ accent: "#8caaee",
310
+ tokens: {
311
+ "--dsw-static-amber-100": "color-mix(in srgb, #ef9f76 20%, #303446)",
312
+ "--dsw-static-amber-400": "#e5c890",
313
+ "--dsw-static-amber-500": "#ef9f76",
314
+ "--dsw-static-amber-600": "#ef9f76",
315
+ "--dsw-static-amber-900": "color-mix(in srgb, #ef9f76 32%, #303446)",
316
+ "--dsw-static-blue-100": "color-mix(in srgb, #8caaee 24%, #303446)",
317
+ "--dsw-static-blue-300": "color-mix(in srgb, #8caaee 50%, #303446)",
318
+ "--dsw-static-blue-400": "color-mix(in srgb, #8caaee 66%, #303446)",
319
+ "--dsw-static-blue-450": "color-mix(in srgb, #8caaee 84%, #303446)",
320
+ "--dsw-static-blue-500": "#8caaee",
321
+ "--dsw-static-blue-50": "color-mix(in srgb, #8caaee 10%, #303446)",
322
+ "--dsw-static-blue-50p": "color-mix(in srgb, #8caaee 14%, #303446)",
323
+ "--dsw-static-blue-600": "color-mix(in srgb, #8caaee 84%, #303446)",
324
+ "--dsw-static-blue-75": "color-mix(in srgb, #8caaee 18%, #303446)",
325
+ "--dsw-static-blue-800": "color-mix(in srgb, #8caaee 52%, #303446)",
326
+ "--dsw-static-blue-900": "color-mix(in srgb, #8caaee 40%, #303446)",
327
+ "--dsw-static-blue-950": "color-mix(in srgb, #8caaee 28%, #303446)",
328
+ "--dsw-static-deepseek-100": "color-mix(in srgb, #8caaee 24%, #303446)",
329
+ "--dsw-static-deepseek-200": "color-mix(in srgb, #8caaee 36%, #303446)",
330
+ "--dsw-static-deepseek-300": "color-mix(in srgb, #8caaee 50%, #303446)",
331
+ "--dsw-static-deepseek-400": "color-mix(in srgb, #8caaee 66%, #303446)",
332
+ "--dsw-static-deepseek-450": "color-mix(in srgb, #8caaee 84%, #303446)",
333
+ "--dsw-static-deepseek-500": "#8caaee",
334
+ "--dsw-static-deepseek-50": "color-mix(in srgb, #8caaee 10%, #303446)",
335
+ "--dsw-static-deepseek-600": "color-mix(in srgb, #8caaee 84%, #303446)",
336
+ "--dsw-static-deepseek-700-delete": "color-mix(in srgb, #8caaee 68%, #303446)",
337
+ "--dsw-static-deepseek-800": "color-mix(in srgb, #8caaee 52%, #303446)",
338
+ "--dsw-static-deepseek-900": "color-mix(in srgb, #8caaee 40%, #303446)",
339
+ "--dsw-static-green-100": "color-mix(in srgb, #a6d189 18%, #303446)",
340
+ "--dsw-static-green-400": "color-mix(in srgb, #a6d189 80%, #303446)",
341
+ "--dsw-static-green-500": "#a6d189",
342
+ "--dsw-static-green-900": "color-mix(in srgb, #a6d189 30%, #303446)",
343
+ "--dsw-static-neutral-00": "#c6d0f5",
344
+ "--dsw-static-neutral-1000": "#232634",
345
+ "--dsw-static-neutral-100": "#a5adce",
346
+ "--dsw-static-neutral-150": "#a5adce",
347
+ "--dsw-static-neutral-200": "#949cbb",
348
+ "--dsw-static-neutral-250": "#949cbb",
349
+ "--dsw-static-neutral-300": "#838ba7",
350
+ "--dsw-static-neutral-400": "#737994",
351
+ "--dsw-static-neutral-500": "#626880",
352
+ "--dsw-static-neutral-50": "#c6d0f5",
353
+ "--dsw-static-neutral-550": "#51576d",
354
+ "--dsw-static-neutral-600": "#51576d",
355
+ "--dsw-static-neutral-700": "#414559",
356
+ "--dsw-static-neutral-800": "#414559",
357
+ "--dsw-static-neutral-850": "#303446",
358
+ "--dsw-static-neutral-900": "#292c3c",
359
+ "--dsw-static-neutral-bluish-00": "#c6d0f5",
360
+ "--dsw-static-neutral-bluish-1000": "#232634",
361
+ "--dsw-static-neutral-bluish-100": "#a5adce",
362
+ "--dsw-static-neutral-bluish-150": "#a5adce",
363
+ "--dsw-static-neutral-bluish-200": "#949cbb",
364
+ "--dsw-static-neutral-bluish-300": "#838ba7",
365
+ "--dsw-static-neutral-bluish-400": "#737994",
366
+ "--dsw-static-neutral-bluish-500": "#626880",
367
+ "--dsw-static-neutral-bluish-50": "#c6d0f5",
368
+ "--dsw-static-neutral-bluish-600": "#51576d",
369
+ "--dsw-static-neutral-bluish-60": "#b5bfe2",
370
+ "--dsw-static-neutral-bluish-700": "#414559",
371
+ "--dsw-static-neutral-bluish-750": "#414559",
372
+ "--dsw-static-neutral-bluish-75": "#b5bfe2",
373
+ "--dsw-static-neutral-bluish-800": "#414559",
374
+ "--dsw-static-neutral-bluish-850": "#303446",
375
+ "--dsw-static-neutral-bluish-875": "#292c3c",
376
+ "--dsw-static-neutral-bluish-900": "#292c3c",
377
+ "--dsw-static-neutral-bluish-950": "#232634",
378
+ "--dsw-static-red-100": "color-mix(in srgb, #e78284 20%, #303446)",
379
+ "--dsw-static-red-400": "color-mix(in srgb, #e78284 70%, #303446)",
380
+ "--dsw-static-red-500": "#e78284",
381
+ "--dsw-static-red-50": "color-mix(in srgb, #e78284 10%, #303446)",
382
+ "--dsw-static-red-600": "#e78284",
383
+ "--dsw-static-red-900": "color-mix(in srgb, #e78284 34%, #303446)",
384
+ "--dsw-alias-bg-base": "var(--dsw-static-neutral-bluish-950)",
385
+ "--dsw-alias-bg-layer-1": "var(--dsw-static-neutral-bluish-875)",
386
+ "--dsw-alias-bg-layer-2": "var(--dsw-static-neutral-bluish-850)",
387
+ "--dsw-alias-bg-layer-3": "var(--dsw-static-neutral-bluish-800)",
388
+ "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.5)",
389
+ "--dsw-alias-bg-mask-2": "rgba(0, 0, 0, 0.2)",
390
+ "--dsw-alias-bg-mask-3": "rgba(0, 0, 0, 0.48)",
391
+ "--dsw-alias-bg-mask-photo": "rgba(0, 0, 0, 0.88)",
392
+ "--dsw-alias-bg-mask-drop": "rgba(39, 39, 48, 0.7)",
393
+ "--dsw-alias-bg-module-platform": "var(--dsw-static-neutral-bluish-800)",
394
+ "--dsw-alias-bg-multi-select": "var(--dsw-static-neutral-850)",
395
+ "--dsw-alias-bg-overlay": "var(--dsw-static-neutral-bluish-700)",
396
+ "--dsw-alias-bg-skeleton": "rgba(255, 255, 255, 0.08)",
397
+ "--dsw-alias-border-inverted2": "rgba(255, 255, 255, 0.08)",
398
+ "--dsw-alias-border-inverted": "rgba(255, 255, 255, 0.06)",
399
+ "--dsw-alias-border-l1": "rgba(255, 255, 255, 0.06)",
400
+ "--dsw-alias-border-l2-darkmode-thin": "rgba(255, 255, 255, 0.06)",
401
+ "--dsw-alias-border-l2": "rgba(255, 255, 255, 0.12)",
402
+ "--dsw-alias-border-l3": "rgba(255, 255, 255, 0.16)",
403
+ "--dsw-alias-border-l4": "rgba(255, 255, 255, 0.2)",
404
+ "--dsw-alias-brand-primary-invert": "var(--dsw-static-neutral-bluish-50)",
405
+ "--dsw-alias-brand-primary-new-colorprimary-new-color": "#8caaee",
406
+ "--dsw-alias-brand-primary": "var(--dsw-static-neutral-bluish-50)",
407
+ "--dsw-alias-brand-text": "var(--dsw-static-neutral-bluish-50)",
408
+ "--dsw-alias-button-contrast-fill": "var(--dsw-static-neutral-bluish-50)",
409
+ "--dsw-alias-button-elevated-fill": "var(--dsw-static-neutral-bluish-750)",
410
+ "--dsw-alias-button-floating-fill": "var(--dsw-static-neutral-bluish-850)",
411
+ "--dsw-alias-button-floating-hover": "var(--dsw-static-neutral-bluish-800)",
412
+ "--dsw-alias-button-ghost-active-border": "var(--dsw-static-neutral-bluish-600)",
413
+ "--dsw-alias-button-ghost-active-fill": "var(--dsw-static-neutral-bluish-750)",
414
+ "--dsw-alias-button-ghost-active-hover": "var(--dsw-static-neutral-bluish-700)",
415
+ "--dsw-alias-button-info-fill": "var(--dsw-static-deepseek-400)",
416
+ "--dsw-alias-button-info-hover": "var(--dsw-static-deepseek-500)",
417
+ "--dsw-alias-button-primary-dimmed": "var(--dsw-static-neutral-bluish-750)",
418
+ "--dsw-alias-button-primary-fill": "var(--dsw-alias-brand-primary)",
419
+ "--dsw-alias-button-primary-hover": "var(--dsw-static-neutral-bluish-100)",
420
+ "--dsw-alias-button-tool-bar-fill-invisible": "rgba(31, 31, 31, 0.36)",
421
+ "--dsw-alias-button-tool-bar-fill": "rgba(84, 85, 87, 0.5)",
422
+ "--dsw-alias-button-tool-bar-hover": "rgba(84, 85, 87, 0.6)",
423
+ "--dsw-alias-interactive-bg-active": "rgba(255, 255, 255, 0.14)",
424
+ "--dsw-alias-interactive-bg-hover-accent": "rgba(255, 255, 255, 0.24)",
425
+ "--dsw-alias-interactive-bg-hover-danger": "rgba(242, 90, 90, 0.15)",
426
+ "--dsw-alias-interactive-bg-hover-solid": "var(--dsw-static-neutral-bluish-800)",
427
+ "--dsw-alias-interactive-bg-hover": "rgba(255, 255, 255, 0.08)",
428
+ "--dsw-alias-label-caption": "var(--dsw-static-neutral-bluish-600)",
429
+ "--dsw-alias-label-dimmed": "var(--dsw-static-neutral-bluish-750)",
430
+ "--dsw-alias-label-primary-bluish": "var(--dsw-static-neutral-bluish-50)",
431
+ "--dsw-alias-label-primary-dimmed": "var(--dsw-static-neutral-bluish-100)",
432
+ "--dsw-alias-label-primary-foreground": "var(--dsw-static-neutral-bluish-1000)",
433
+ "--dsw-alias-label-primary-inverted": "var(--dsw-static-neutral-bluish-800)",
434
+ "--dsw-alias-label-primary": "var(--dsw-static-neutral-bluish-50)",
435
+ "--dsw-alias-label-secondary": "var(--dsw-static-neutral-bluish-300)",
436
+ "--dsw-alias-label-tertiary": "var(--dsw-static-neutral-bluish-400)",
437
+ "--dsw-alias-markdown-citation": "var(--dsw-static-neutral-bluish-800)",
438
+ "--dsw-alias-markdown-code-block-banner": "var(--dsw-static-neutral-bluish-850)",
439
+ "--dsw-alias-markdown-code-block": "var(--dsw-static-neutral-bluish-900)",
440
+ "--dsw-alias-markdown-code-segment-selected": "var(--dsw-static-neutral-bluish-800)",
441
+ "--dsw-alias-markdown-code-segment-unselected": "var(--dsw-static-neutral-bluish-900)",
442
+ "--dsw-alias-markdown-inline-code": "var(--dsw-static-neutral-bluish-850)",
443
+ "--dsw-alias-markdown-placeholder": "var(--dsw-static-neutral-bluish-850)",
444
+ "--dsw-alias-markdown-tag": "var(--dsw-static-neutral-bluish-850)",
445
+ "--dsw-alias-scrollbar-bg-l1": "var(--dsw-static-neutral-700)",
446
+ "--dsw-alias-scrollbar-bg-l2": "var(--dsw-static-neutral-600)",
447
+ "--dsw-alias-scrollbar-hover-l1": "var(--dsw-static-neutral-600)",
448
+ "--dsw-alias-scrollbar-hover-l2": "var(--dsw-static-neutral-550)",
449
+ "--dsw-alias-state-business-primary": "var(--dsw-static-deepseek-400)",
450
+ "--dsw-alias-state-business-tertiary": "var(--dsw-static-deepseek-800)",
451
+ "--dsw-alias-state-error-primary": "var(--dsw-static-red-400)",
452
+ "--dsw-alias-state-error-secondary": "var(--dsw-static-red-400)",
453
+ "--dsw-alias-state-success-primary": "var(--dsw-static-green-500)",
454
+ "--dsw-alias-state-success-secondary": "var(--dsw-static-green-400)",
455
+ "--dsw-alias-state-success-tertiary": "var(--dsw-static-green-900)",
456
+ "--dsw-alias-state-warn-label": "var(--dsw-static-amber-600)",
457
+ "--dsw-alias-state-warn-primary": "var(--dsw-static-amber-500)",
458
+ "--dsw-alias-state-warn-secondary": "var(--dsw-static-amber-400)",
459
+ "--dsw-alias-state-warn-tertiary": "var(--dsw-static-amber-900)",
460
+ "--dsw-alias-toast-bg": "var(--dsw-static-neutral-bluish-750)",
461
+ "--dsw-alias-tooltip-bg": "var(--dsw-static-neutral-bluish-750)",
462
+ "--dsw-specific-bubble-highlight": "var(--dsw-static-neutral-bluish-750)",
463
+ "--dsw-specific-bubble": "var(--dsw-static-neutral-bluish-850)",
464
+ "--dsw-specific-input-major": "var(--dsw-static-neutral-bluish-850)",
465
+ "--dsw-specific-login-input": "var(--dsw-static-neutral-bluish-900)",
466
+ "--dsw-specific-menu": "var(--dsw-alias-bg-layer-3)",
467
+ "--dsw-specific-selector": "var(--dsw-static-neutral-bluish-800)",
468
+ "--dsw-specific-sidebar-fill": "var(--dsw-static-neutral-bluish-900)",
469
+ "--dsw-specific-sidebar-nav-item-active-accent": "var(--dsw-static-neutral-bluish-800)",
470
+ "--dsw-specific-sidebar-nav-item-active": "var(--dsw-static-neutral-bluish-750)",
471
+ "--dsw-specific-sidebar-nav-item-hover": "var(--dsw-static-neutral-bluish-850)",
472
+ "--dsw-specific-tip": "var(--dsw-static-neutral-bluish-800)"
473
+ }
474
+ },
475
+ {
476
+ themeId: "catppuccin-macchiato",
477
+ colorScheme: "dark",
478
+ label: "Macchiato",
479
+ accent: "#8aadf4",
480
+ tokens: {
481
+ "--dsw-static-amber-100": "color-mix(in srgb, #f5a97f 20%, #24273a)",
482
+ "--dsw-static-amber-400": "#eed49f",
483
+ "--dsw-static-amber-500": "#f5a97f",
484
+ "--dsw-static-amber-600": "#f5a97f",
485
+ "--dsw-static-amber-900": "color-mix(in srgb, #f5a97f 32%, #24273a)",
486
+ "--dsw-static-blue-100": "color-mix(in srgb, #8aadf4 24%, #24273a)",
487
+ "--dsw-static-blue-300": "color-mix(in srgb, #8aadf4 50%, #24273a)",
488
+ "--dsw-static-blue-400": "color-mix(in srgb, #8aadf4 66%, #24273a)",
489
+ "--dsw-static-blue-450": "color-mix(in srgb, #8aadf4 84%, #24273a)",
490
+ "--dsw-static-blue-500": "#8aadf4",
491
+ "--dsw-static-blue-50": "color-mix(in srgb, #8aadf4 10%, #24273a)",
492
+ "--dsw-static-blue-50p": "color-mix(in srgb, #8aadf4 14%, #24273a)",
493
+ "--dsw-static-blue-600": "color-mix(in srgb, #8aadf4 84%, #24273a)",
494
+ "--dsw-static-blue-75": "color-mix(in srgb, #8aadf4 18%, #24273a)",
495
+ "--dsw-static-blue-800": "color-mix(in srgb, #8aadf4 52%, #24273a)",
496
+ "--dsw-static-blue-900": "color-mix(in srgb, #8aadf4 40%, #24273a)",
497
+ "--dsw-static-blue-950": "color-mix(in srgb, #8aadf4 28%, #24273a)",
498
+ "--dsw-static-deepseek-100": "color-mix(in srgb, #8aadf4 24%, #24273a)",
499
+ "--dsw-static-deepseek-200": "color-mix(in srgb, #8aadf4 36%, #24273a)",
500
+ "--dsw-static-deepseek-300": "color-mix(in srgb, #8aadf4 50%, #24273a)",
501
+ "--dsw-static-deepseek-400": "color-mix(in srgb, #8aadf4 66%, #24273a)",
502
+ "--dsw-static-deepseek-450": "color-mix(in srgb, #8aadf4 84%, #24273a)",
503
+ "--dsw-static-deepseek-500": "#8aadf4",
504
+ "--dsw-static-deepseek-50": "color-mix(in srgb, #8aadf4 10%, #24273a)",
505
+ "--dsw-static-deepseek-600": "color-mix(in srgb, #8aadf4 84%, #24273a)",
506
+ "--dsw-static-deepseek-700-delete": "color-mix(in srgb, #8aadf4 68%, #24273a)",
507
+ "--dsw-static-deepseek-800": "color-mix(in srgb, #8aadf4 52%, #24273a)",
508
+ "--dsw-static-deepseek-900": "color-mix(in srgb, #8aadf4 40%, #24273a)",
509
+ "--dsw-static-green-100": "color-mix(in srgb, #a6da95 18%, #24273a)",
510
+ "--dsw-static-green-400": "color-mix(in srgb, #a6da95 80%, #24273a)",
511
+ "--dsw-static-green-500": "#a6da95",
512
+ "--dsw-static-green-900": "color-mix(in srgb, #a6da95 30%, #24273a)",
513
+ "--dsw-static-neutral-00": "#cad3f5",
514
+ "--dsw-static-neutral-1000": "#181926",
515
+ "--dsw-static-neutral-100": "#a5adcb",
516
+ "--dsw-static-neutral-150": "#a5adcb",
517
+ "--dsw-static-neutral-200": "#939ab7",
518
+ "--dsw-static-neutral-250": "#939ab7",
519
+ "--dsw-static-neutral-300": "#8087a2",
520
+ "--dsw-static-neutral-400": "#6e738d",
521
+ "--dsw-static-neutral-500": "#5b6078",
522
+ "--dsw-static-neutral-50": "#cad3f5",
523
+ "--dsw-static-neutral-550": "#494d64",
524
+ "--dsw-static-neutral-600": "#494d64",
525
+ "--dsw-static-neutral-700": "#363a4f",
526
+ "--dsw-static-neutral-800": "#363a4f",
527
+ "--dsw-static-neutral-850": "#24273a",
528
+ "--dsw-static-neutral-900": "#1e2030",
529
+ "--dsw-static-neutral-bluish-00": "#cad3f5",
530
+ "--dsw-static-neutral-bluish-1000": "#181926",
531
+ "--dsw-static-neutral-bluish-100": "#a5adcb",
532
+ "--dsw-static-neutral-bluish-150": "#a5adcb",
533
+ "--dsw-static-neutral-bluish-200": "#939ab7",
534
+ "--dsw-static-neutral-bluish-300": "#8087a2",
535
+ "--dsw-static-neutral-bluish-400": "#6e738d",
536
+ "--dsw-static-neutral-bluish-500": "#5b6078",
537
+ "--dsw-static-neutral-bluish-50": "#cad3f5",
538
+ "--dsw-static-neutral-bluish-600": "#494d64",
539
+ "--dsw-static-neutral-bluish-60": "#b8c0e0",
540
+ "--dsw-static-neutral-bluish-700": "#363a4f",
541
+ "--dsw-static-neutral-bluish-750": "#363a4f",
542
+ "--dsw-static-neutral-bluish-75": "#b8c0e0",
543
+ "--dsw-static-neutral-bluish-800": "#363a4f",
544
+ "--dsw-static-neutral-bluish-850": "#24273a",
545
+ "--dsw-static-neutral-bluish-875": "#1e2030",
546
+ "--dsw-static-neutral-bluish-900": "#1e2030",
547
+ "--dsw-static-neutral-bluish-950": "#181926",
548
+ "--dsw-static-red-100": "color-mix(in srgb, #ed8796 20%, #24273a)",
549
+ "--dsw-static-red-400": "color-mix(in srgb, #ed8796 70%, #24273a)",
550
+ "--dsw-static-red-500": "#ed8796",
551
+ "--dsw-static-red-50": "color-mix(in srgb, #ed8796 10%, #24273a)",
552
+ "--dsw-static-red-600": "#ed8796",
553
+ "--dsw-static-red-900": "color-mix(in srgb, #ed8796 34%, #24273a)",
554
+ "--dsw-alias-bg-base": "var(--dsw-static-neutral-bluish-950)",
555
+ "--dsw-alias-bg-layer-1": "var(--dsw-static-neutral-bluish-875)",
556
+ "--dsw-alias-bg-layer-2": "var(--dsw-static-neutral-bluish-850)",
557
+ "--dsw-alias-bg-layer-3": "var(--dsw-static-neutral-bluish-800)",
558
+ "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.5)",
559
+ "--dsw-alias-bg-mask-2": "rgba(0, 0, 0, 0.2)",
560
+ "--dsw-alias-bg-mask-3": "rgba(0, 0, 0, 0.48)",
561
+ "--dsw-alias-bg-mask-photo": "rgba(0, 0, 0, 0.88)",
562
+ "--dsw-alias-bg-mask-drop": "rgba(39, 39, 48, 0.7)",
563
+ "--dsw-alias-bg-module-platform": "var(--dsw-static-neutral-bluish-800)",
564
+ "--dsw-alias-bg-multi-select": "var(--dsw-static-neutral-850)",
565
+ "--dsw-alias-bg-overlay": "var(--dsw-static-neutral-bluish-700)",
566
+ "--dsw-alias-bg-skeleton": "rgba(255, 255, 255, 0.08)",
567
+ "--dsw-alias-border-inverted2": "rgba(255, 255, 255, 0.08)",
568
+ "--dsw-alias-border-inverted": "rgba(255, 255, 255, 0.06)",
569
+ "--dsw-alias-border-l1": "rgba(255, 255, 255, 0.06)",
570
+ "--dsw-alias-border-l2-darkmode-thin": "rgba(255, 255, 255, 0.06)",
571
+ "--dsw-alias-border-l2": "rgba(255, 255, 255, 0.12)",
572
+ "--dsw-alias-border-l3": "rgba(255, 255, 255, 0.16)",
573
+ "--dsw-alias-border-l4": "rgba(255, 255, 255, 0.2)",
574
+ "--dsw-alias-brand-primary-invert": "var(--dsw-static-neutral-bluish-50)",
575
+ "--dsw-alias-brand-primary-new-colorprimary-new-color": "#8aadf4",
576
+ "--dsw-alias-brand-primary": "var(--dsw-static-neutral-bluish-50)",
577
+ "--dsw-alias-brand-text": "var(--dsw-static-neutral-bluish-50)",
578
+ "--dsw-alias-button-contrast-fill": "var(--dsw-static-neutral-bluish-50)",
579
+ "--dsw-alias-button-elevated-fill": "var(--dsw-static-neutral-bluish-750)",
580
+ "--dsw-alias-button-floating-fill": "var(--dsw-static-neutral-bluish-850)",
581
+ "--dsw-alias-button-floating-hover": "var(--dsw-static-neutral-bluish-800)",
582
+ "--dsw-alias-button-ghost-active-border": "var(--dsw-static-neutral-bluish-600)",
583
+ "--dsw-alias-button-ghost-active-fill": "var(--dsw-static-neutral-bluish-750)",
584
+ "--dsw-alias-button-ghost-active-hover": "var(--dsw-static-neutral-bluish-700)",
585
+ "--dsw-alias-button-info-fill": "var(--dsw-static-deepseek-400)",
586
+ "--dsw-alias-button-info-hover": "var(--dsw-static-deepseek-500)",
587
+ "--dsw-alias-button-primary-dimmed": "var(--dsw-static-neutral-bluish-750)",
588
+ "--dsw-alias-button-primary-fill": "var(--dsw-alias-brand-primary)",
589
+ "--dsw-alias-button-primary-hover": "var(--dsw-static-neutral-bluish-100)",
590
+ "--dsw-alias-button-tool-bar-fill-invisible": "rgba(31, 31, 31, 0.36)",
591
+ "--dsw-alias-button-tool-bar-fill": "rgba(84, 85, 87, 0.5)",
592
+ "--dsw-alias-button-tool-bar-hover": "rgba(84, 85, 87, 0.6)",
593
+ "--dsw-alias-interactive-bg-active": "rgba(255, 255, 255, 0.14)",
594
+ "--dsw-alias-interactive-bg-hover-accent": "rgba(255, 255, 255, 0.24)",
595
+ "--dsw-alias-interactive-bg-hover-danger": "rgba(242, 90, 90, 0.15)",
596
+ "--dsw-alias-interactive-bg-hover-solid": "var(--dsw-static-neutral-bluish-800)",
597
+ "--dsw-alias-interactive-bg-hover": "rgba(255, 255, 255, 0.08)",
598
+ "--dsw-alias-label-caption": "var(--dsw-static-neutral-bluish-600)",
599
+ "--dsw-alias-label-dimmed": "var(--dsw-static-neutral-bluish-750)",
600
+ "--dsw-alias-label-primary-bluish": "var(--dsw-static-neutral-bluish-50)",
601
+ "--dsw-alias-label-primary-dimmed": "var(--dsw-static-neutral-bluish-100)",
602
+ "--dsw-alias-label-primary-foreground": "var(--dsw-static-neutral-bluish-1000)",
603
+ "--dsw-alias-label-primary-inverted": "var(--dsw-static-neutral-bluish-800)",
604
+ "--dsw-alias-label-primary": "var(--dsw-static-neutral-bluish-50)",
605
+ "--dsw-alias-label-secondary": "var(--dsw-static-neutral-bluish-300)",
606
+ "--dsw-alias-label-tertiary": "var(--dsw-static-neutral-bluish-400)",
607
+ "--dsw-alias-markdown-citation": "var(--dsw-static-neutral-bluish-800)",
608
+ "--dsw-alias-markdown-code-block-banner": "var(--dsw-static-neutral-bluish-850)",
609
+ "--dsw-alias-markdown-code-block": "var(--dsw-static-neutral-bluish-900)",
610
+ "--dsw-alias-markdown-code-segment-selected": "var(--dsw-static-neutral-bluish-800)",
611
+ "--dsw-alias-markdown-code-segment-unselected": "var(--dsw-static-neutral-bluish-900)",
612
+ "--dsw-alias-markdown-inline-code": "var(--dsw-static-neutral-bluish-850)",
613
+ "--dsw-alias-markdown-placeholder": "var(--dsw-static-neutral-bluish-850)",
614
+ "--dsw-alias-markdown-tag": "var(--dsw-static-neutral-bluish-850)",
615
+ "--dsw-alias-scrollbar-bg-l1": "var(--dsw-static-neutral-700)",
616
+ "--dsw-alias-scrollbar-bg-l2": "var(--dsw-static-neutral-600)",
617
+ "--dsw-alias-scrollbar-hover-l1": "var(--dsw-static-neutral-600)",
618
+ "--dsw-alias-scrollbar-hover-l2": "var(--dsw-static-neutral-550)",
619
+ "--dsw-alias-state-business-primary": "var(--dsw-static-deepseek-400)",
620
+ "--dsw-alias-state-business-tertiary": "var(--dsw-static-deepseek-800)",
621
+ "--dsw-alias-state-error-primary": "var(--dsw-static-red-400)",
622
+ "--dsw-alias-state-error-secondary": "var(--dsw-static-red-400)",
623
+ "--dsw-alias-state-success-primary": "var(--dsw-static-green-500)",
624
+ "--dsw-alias-state-success-secondary": "var(--dsw-static-green-400)",
625
+ "--dsw-alias-state-success-tertiary": "var(--dsw-static-green-900)",
626
+ "--dsw-alias-state-warn-label": "var(--dsw-static-amber-600)",
627
+ "--dsw-alias-state-warn-primary": "var(--dsw-static-amber-500)",
628
+ "--dsw-alias-state-warn-secondary": "var(--dsw-static-amber-400)",
629
+ "--dsw-alias-state-warn-tertiary": "var(--dsw-static-amber-900)",
630
+ "--dsw-alias-toast-bg": "var(--dsw-static-neutral-bluish-750)",
631
+ "--dsw-alias-tooltip-bg": "var(--dsw-static-neutral-bluish-750)",
632
+ "--dsw-specific-bubble-highlight": "var(--dsw-static-neutral-bluish-750)",
633
+ "--dsw-specific-bubble": "var(--dsw-static-neutral-bluish-850)",
634
+ "--dsw-specific-input-major": "var(--dsw-static-neutral-bluish-850)",
635
+ "--dsw-specific-login-input": "var(--dsw-static-neutral-bluish-900)",
636
+ "--dsw-specific-menu": "var(--dsw-alias-bg-layer-3)",
637
+ "--dsw-specific-selector": "var(--dsw-static-neutral-bluish-800)",
638
+ "--dsw-specific-sidebar-fill": "var(--dsw-static-neutral-bluish-900)",
639
+ "--dsw-specific-sidebar-nav-item-active-accent": "var(--dsw-static-neutral-bluish-800)",
640
+ "--dsw-specific-sidebar-nav-item-active": "var(--dsw-static-neutral-bluish-750)",
641
+ "--dsw-specific-sidebar-nav-item-hover": "var(--dsw-static-neutral-bluish-850)",
642
+ "--dsw-specific-tip": "var(--dsw-static-neutral-bluish-800)"
643
+ }
644
+ },
645
+ {
646
+ themeId: "catppuccin-mocha",
647
+ colorScheme: "dark",
648
+ label: "Mocha",
649
+ accent: "#89b4fa",
650
+ tokens: {
651
+ "--dsw-static-amber-100": "color-mix(in srgb, #fab387 20%, #1e1e2e)",
652
+ "--dsw-static-amber-400": "#f9e2af",
653
+ "--dsw-static-amber-500": "#fab387",
654
+ "--dsw-static-amber-600": "#fab387",
655
+ "--dsw-static-amber-900": "color-mix(in srgb, #fab387 32%, #1e1e2e)",
656
+ "--dsw-static-blue-100": "color-mix(in srgb, #89b4fa 24%, #1e1e2e)",
657
+ "--dsw-static-blue-300": "color-mix(in srgb, #89b4fa 50%, #1e1e2e)",
658
+ "--dsw-static-blue-400": "color-mix(in srgb, #89b4fa 66%, #1e1e2e)",
659
+ "--dsw-static-blue-450": "color-mix(in srgb, #89b4fa 84%, #1e1e2e)",
660
+ "--dsw-static-blue-500": "#89b4fa",
661
+ "--dsw-static-blue-50": "color-mix(in srgb, #89b4fa 10%, #1e1e2e)",
662
+ "--dsw-static-blue-50p": "color-mix(in srgb, #89b4fa 14%, #1e1e2e)",
663
+ "--dsw-static-blue-600": "color-mix(in srgb, #89b4fa 84%, #1e1e2e)",
664
+ "--dsw-static-blue-75": "color-mix(in srgb, #89b4fa 18%, #1e1e2e)",
665
+ "--dsw-static-blue-800": "color-mix(in srgb, #89b4fa 52%, #1e1e2e)",
666
+ "--dsw-static-blue-900": "color-mix(in srgb, #89b4fa 40%, #1e1e2e)",
667
+ "--dsw-static-blue-950": "color-mix(in srgb, #89b4fa 28%, #1e1e2e)",
668
+ "--dsw-static-deepseek-100": "color-mix(in srgb, #89b4fa 24%, #1e1e2e)",
669
+ "--dsw-static-deepseek-200": "color-mix(in srgb, #89b4fa 36%, #1e1e2e)",
670
+ "--dsw-static-deepseek-300": "color-mix(in srgb, #89b4fa 50%, #1e1e2e)",
671
+ "--dsw-static-deepseek-400": "color-mix(in srgb, #89b4fa 66%, #1e1e2e)",
672
+ "--dsw-static-deepseek-450": "color-mix(in srgb, #89b4fa 84%, #1e1e2e)",
673
+ "--dsw-static-deepseek-500": "#89b4fa",
674
+ "--dsw-static-deepseek-50": "color-mix(in srgb, #89b4fa 10%, #1e1e2e)",
675
+ "--dsw-static-deepseek-600": "color-mix(in srgb, #89b4fa 84%, #1e1e2e)",
676
+ "--dsw-static-deepseek-700-delete": "color-mix(in srgb, #89b4fa 68%, #1e1e2e)",
677
+ "--dsw-static-deepseek-800": "color-mix(in srgb, #89b4fa 52%, #1e1e2e)",
678
+ "--dsw-static-deepseek-900": "color-mix(in srgb, #89b4fa 40%, #1e1e2e)",
679
+ "--dsw-static-green-100": "color-mix(in srgb, #a6e3a1 18%, #1e1e2e)",
680
+ "--dsw-static-green-400": "color-mix(in srgb, #a6e3a1 80%, #1e1e2e)",
681
+ "--dsw-static-green-500": "#a6e3a1",
682
+ "--dsw-static-green-900": "color-mix(in srgb, #a6e3a1 30%, #1e1e2e)",
683
+ "--dsw-static-neutral-00": "#cdd6f4",
684
+ "--dsw-static-neutral-1000": "#11111b",
685
+ "--dsw-static-neutral-100": "#a6adc8",
686
+ "--dsw-static-neutral-150": "#a6adc8",
687
+ "--dsw-static-neutral-200": "#9399b2",
688
+ "--dsw-static-neutral-250": "#9399b2",
689
+ "--dsw-static-neutral-300": "#7f849c",
690
+ "--dsw-static-neutral-400": "#6c7086",
691
+ "--dsw-static-neutral-500": "#585b70",
692
+ "--dsw-static-neutral-50": "#cdd6f4",
693
+ "--dsw-static-neutral-550": "#45475a",
694
+ "--dsw-static-neutral-600": "#45475a",
695
+ "--dsw-static-neutral-700": "#313244",
696
+ "--dsw-static-neutral-800": "#313244",
697
+ "--dsw-static-neutral-850": "#1e1e2e",
698
+ "--dsw-static-neutral-900": "#181825",
699
+ "--dsw-static-neutral-bluish-00": "#cdd6f4",
700
+ "--dsw-static-neutral-bluish-1000": "#11111b",
701
+ "--dsw-static-neutral-bluish-100": "#a6adc8",
702
+ "--dsw-static-neutral-bluish-150": "#a6adc8",
703
+ "--dsw-static-neutral-bluish-200": "#9399b2",
704
+ "--dsw-static-neutral-bluish-300": "#7f849c",
705
+ "--dsw-static-neutral-bluish-400": "#6c7086",
706
+ "--dsw-static-neutral-bluish-500": "#585b70",
707
+ "--dsw-static-neutral-bluish-50": "#cdd6f4",
708
+ "--dsw-static-neutral-bluish-600": "#45475a",
709
+ "--dsw-static-neutral-bluish-60": "#bac2de",
710
+ "--dsw-static-neutral-bluish-700": "#313244",
711
+ "--dsw-static-neutral-bluish-750": "#313244",
712
+ "--dsw-static-neutral-bluish-75": "#bac2de",
713
+ "--dsw-static-neutral-bluish-800": "#313244",
714
+ "--dsw-static-neutral-bluish-850": "#1e1e2e",
715
+ "--dsw-static-neutral-bluish-875": "#181825",
716
+ "--dsw-static-neutral-bluish-900": "#181825",
717
+ "--dsw-static-neutral-bluish-950": "#11111b",
718
+ "--dsw-static-red-100": "color-mix(in srgb, #f38ba8 20%, #1e1e2e)",
719
+ "--dsw-static-red-400": "color-mix(in srgb, #f38ba8 70%, #1e1e2e)",
720
+ "--dsw-static-red-500": "#f38ba8",
721
+ "--dsw-static-red-50": "color-mix(in srgb, #f38ba8 10%, #1e1e2e)",
722
+ "--dsw-static-red-600": "#f38ba8",
723
+ "--dsw-static-red-900": "color-mix(in srgb, #f38ba8 34%, #1e1e2e)",
724
+ "--dsw-alias-bg-base": "var(--dsw-static-neutral-bluish-950)",
725
+ "--dsw-alias-bg-layer-1": "var(--dsw-static-neutral-bluish-875)",
726
+ "--dsw-alias-bg-layer-2": "var(--dsw-static-neutral-bluish-850)",
727
+ "--dsw-alias-bg-layer-3": "var(--dsw-static-neutral-bluish-800)",
728
+ "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.5)",
729
+ "--dsw-alias-bg-mask-2": "rgba(0, 0, 0, 0.2)",
730
+ "--dsw-alias-bg-mask-3": "rgba(0, 0, 0, 0.48)",
731
+ "--dsw-alias-bg-mask-photo": "rgba(0, 0, 0, 0.88)",
732
+ "--dsw-alias-bg-mask-drop": "rgba(39, 39, 48, 0.7)",
733
+ "--dsw-alias-bg-module-platform": "var(--dsw-static-neutral-bluish-800)",
734
+ "--dsw-alias-bg-multi-select": "var(--dsw-static-neutral-850)",
735
+ "--dsw-alias-bg-overlay": "var(--dsw-static-neutral-bluish-700)",
736
+ "--dsw-alias-bg-skeleton": "rgba(255, 255, 255, 0.08)",
737
+ "--dsw-alias-border-inverted2": "rgba(255, 255, 255, 0.08)",
738
+ "--dsw-alias-border-inverted": "rgba(255, 255, 255, 0.06)",
739
+ "--dsw-alias-border-l1": "rgba(255, 255, 255, 0.06)",
740
+ "--dsw-alias-border-l2-darkmode-thin": "rgba(255, 255, 255, 0.06)",
741
+ "--dsw-alias-border-l2": "rgba(255, 255, 255, 0.12)",
742
+ "--dsw-alias-border-l3": "rgba(255, 255, 255, 0.16)",
743
+ "--dsw-alias-border-l4": "rgba(255, 255, 255, 0.2)",
744
+ "--dsw-alias-brand-primary-invert": "var(--dsw-static-neutral-bluish-50)",
745
+ "--dsw-alias-brand-primary-new-colorprimary-new-color": "#89b4fa",
746
+ "--dsw-alias-brand-primary": "var(--dsw-static-neutral-bluish-50)",
747
+ "--dsw-alias-brand-text": "var(--dsw-static-neutral-bluish-50)",
748
+ "--dsw-alias-button-contrast-fill": "var(--dsw-static-neutral-bluish-50)",
749
+ "--dsw-alias-button-elevated-fill": "var(--dsw-static-neutral-bluish-750)",
750
+ "--dsw-alias-button-floating-fill": "var(--dsw-static-neutral-bluish-850)",
751
+ "--dsw-alias-button-floating-hover": "var(--dsw-static-neutral-bluish-800)",
752
+ "--dsw-alias-button-ghost-active-border": "var(--dsw-static-neutral-bluish-600)",
753
+ "--dsw-alias-button-ghost-active-fill": "var(--dsw-static-neutral-bluish-750)",
754
+ "--dsw-alias-button-ghost-active-hover": "var(--dsw-static-neutral-bluish-700)",
755
+ "--dsw-alias-button-info-fill": "var(--dsw-static-deepseek-400)",
756
+ "--dsw-alias-button-info-hover": "var(--dsw-static-deepseek-500)",
757
+ "--dsw-alias-button-primary-dimmed": "var(--dsw-static-neutral-bluish-750)",
758
+ "--dsw-alias-button-primary-fill": "var(--dsw-alias-brand-primary)",
759
+ "--dsw-alias-button-primary-hover": "var(--dsw-static-neutral-bluish-100)",
760
+ "--dsw-alias-button-tool-bar-fill-invisible": "rgba(31, 31, 31, 0.36)",
761
+ "--dsw-alias-button-tool-bar-fill": "rgba(84, 85, 87, 0.5)",
762
+ "--dsw-alias-button-tool-bar-hover": "rgba(84, 85, 87, 0.6)",
763
+ "--dsw-alias-interactive-bg-active": "rgba(255, 255, 255, 0.14)",
764
+ "--dsw-alias-interactive-bg-hover-accent": "rgba(255, 255, 255, 0.24)",
765
+ "--dsw-alias-interactive-bg-hover-danger": "rgba(242, 90, 90, 0.15)",
766
+ "--dsw-alias-interactive-bg-hover-solid": "var(--dsw-static-neutral-bluish-800)",
767
+ "--dsw-alias-interactive-bg-hover": "rgba(255, 255, 255, 0.08)",
768
+ "--dsw-alias-label-caption": "var(--dsw-static-neutral-bluish-600)",
769
+ "--dsw-alias-label-dimmed": "var(--dsw-static-neutral-bluish-750)",
770
+ "--dsw-alias-label-primary-bluish": "var(--dsw-static-neutral-bluish-50)",
771
+ "--dsw-alias-label-primary-dimmed": "var(--dsw-static-neutral-bluish-100)",
772
+ "--dsw-alias-label-primary-foreground": "var(--dsw-static-neutral-bluish-1000)",
773
+ "--dsw-alias-label-primary-inverted": "var(--dsw-static-neutral-bluish-800)",
774
+ "--dsw-alias-label-primary": "var(--dsw-static-neutral-bluish-50)",
775
+ "--dsw-alias-label-secondary": "var(--dsw-static-neutral-bluish-300)",
776
+ "--dsw-alias-label-tertiary": "var(--dsw-static-neutral-bluish-400)",
777
+ "--dsw-alias-markdown-citation": "var(--dsw-static-neutral-bluish-800)",
778
+ "--dsw-alias-markdown-code-block-banner": "var(--dsw-static-neutral-bluish-850)",
779
+ "--dsw-alias-markdown-code-block": "var(--dsw-static-neutral-bluish-900)",
780
+ "--dsw-alias-markdown-code-segment-selected": "var(--dsw-static-neutral-bluish-800)",
781
+ "--dsw-alias-markdown-code-segment-unselected": "var(--dsw-static-neutral-bluish-900)",
782
+ "--dsw-alias-markdown-inline-code": "var(--dsw-static-neutral-bluish-850)",
783
+ "--dsw-alias-markdown-placeholder": "var(--dsw-static-neutral-bluish-850)",
784
+ "--dsw-alias-markdown-tag": "var(--dsw-static-neutral-bluish-850)",
785
+ "--dsw-alias-scrollbar-bg-l1": "var(--dsw-static-neutral-700)",
786
+ "--dsw-alias-scrollbar-bg-l2": "var(--dsw-static-neutral-600)",
787
+ "--dsw-alias-scrollbar-hover-l1": "var(--dsw-static-neutral-600)",
788
+ "--dsw-alias-scrollbar-hover-l2": "var(--dsw-static-neutral-550)",
789
+ "--dsw-alias-state-business-primary": "var(--dsw-static-deepseek-400)",
790
+ "--dsw-alias-state-business-tertiary": "var(--dsw-static-deepseek-800)",
791
+ "--dsw-alias-state-error-primary": "var(--dsw-static-red-400)",
792
+ "--dsw-alias-state-error-secondary": "var(--dsw-static-red-400)",
793
+ "--dsw-alias-state-success-primary": "var(--dsw-static-green-500)",
794
+ "--dsw-alias-state-success-secondary": "var(--dsw-static-green-400)",
795
+ "--dsw-alias-state-success-tertiary": "var(--dsw-static-green-900)",
796
+ "--dsw-alias-state-warn-label": "var(--dsw-static-amber-600)",
797
+ "--dsw-alias-state-warn-primary": "var(--dsw-static-amber-500)",
798
+ "--dsw-alias-state-warn-secondary": "var(--dsw-static-amber-400)",
799
+ "--dsw-alias-state-warn-tertiary": "var(--dsw-static-amber-900)",
800
+ "--dsw-alias-toast-bg": "var(--dsw-static-neutral-bluish-750)",
801
+ "--dsw-alias-tooltip-bg": "var(--dsw-static-neutral-bluish-750)",
802
+ "--dsw-specific-bubble-highlight": "var(--dsw-static-neutral-bluish-750)",
803
+ "--dsw-specific-bubble": "var(--dsw-static-neutral-bluish-850)",
804
+ "--dsw-specific-input-major": "var(--dsw-static-neutral-bluish-850)",
805
+ "--dsw-specific-login-input": "var(--dsw-static-neutral-bluish-900)",
806
+ "--dsw-specific-menu": "var(--dsw-alias-bg-layer-3)",
807
+ "--dsw-specific-selector": "var(--dsw-static-neutral-bluish-800)",
808
+ "--dsw-specific-sidebar-fill": "var(--dsw-static-neutral-bluish-900)",
809
+ "--dsw-specific-sidebar-nav-item-active-accent": "var(--dsw-static-neutral-bluish-800)",
810
+ "--dsw-specific-sidebar-nav-item-active": "var(--dsw-static-neutral-bluish-750)",
811
+ "--dsw-specific-sidebar-nav-item-hover": "var(--dsw-static-neutral-bluish-850)",
812
+ "--dsw-specific-tip": "var(--dsw-static-neutral-bluish-800)"
813
+ }
814
+ }
815
+ ];
816
+ //#endregion
817
+ //#region src/client/index.ts
818
+ /** Locale namespace owned by this plugin. */
819
+ const NS = "catppuccin";
820
+ /** The settings namespace string (must match the host half's settingsNamespace). */
821
+ const SETTINGS_NAMESPACE = "dsh-catppuccin";
822
+ /** The flavour whose themeId this is, or `off`. */
823
+ function flavorFromThemeId(themeId) {
824
+ return CATPPUCCIN_FLAVORS.some((f) => f.themeId === themeId) ? themeId : "off";
825
+ }
826
+ /** The flavour registered for a theme id, or undefined when not a Catppuccin theme. */
827
+ function flavorInfo(themeId) {
828
+ return CATPPUCCIN_FLAVORS.find((f) => f.themeId === themeId);
829
+ }
830
+ /** Required services: slots + locale (settings row) and theme (register + switch). */
831
+ const inject = [
832
+ "slots",
833
+ "locale",
834
+ "theme",
835
+ "settingsScope",
836
+ "connection",
837
+ "remote"
838
+ ];
839
+ /**
840
+ * Register the Catppuccin dictionaries, the four flavour themes, and the
841
+ * settings row.
842
+ * @param ctx - client root context.
843
+ */
844
+ function apply(ctx) {
845
+ ctx.effect(() => ctx.locale.register(NS, {
846
+ zh,
847
+ en
848
+ }), "catppuccin: dictionaries");
849
+ const theme = ctx.get("theme");
850
+ ctx.effect(() => {
851
+ const disposers = CATPPUCCIN_FLAVORS.map((flavor) => theme.register({
852
+ id: flavor.themeId,
853
+ colorScheme: flavor.colorScheme,
854
+ tokens: flavor.tokens
855
+ }));
856
+ return () => {
857
+ for (const dispose of disposers) dispose();
858
+ };
859
+ }, "catppuccin: flavour themes");
860
+ const scope = ctx.get("settingsScope").bind({ namespace: SETTINGS_NAMESPACE });
861
+ ctx.effect(() => {
862
+ let restored = false;
863
+ const restoreOnce = () => {
864
+ if (restored) return;
865
+ const snapshot = scope.getSnapshot();
866
+ if (snapshot.status !== "ready") return;
867
+ restored = true;
868
+ const saved = snapshot.value?.flavor;
869
+ if (saved !== void 0 && saved !== "off") try {
870
+ theme.setTheme(saved);
871
+ } catch {}
872
+ };
873
+ restoreOnce();
874
+ const unsubscribe = scope.subscribe(restoreOnce);
875
+ return () => {
876
+ unsubscribe();
877
+ };
878
+ }, "catppuccin: boot restore");
879
+ const injected = () => ({
880
+ themes: CATPPUCCIN_FLAVORS.map((flavor) => ({
881
+ id: flavor.themeId,
882
+ label: flavor.label,
883
+ accent: flavor.accent
884
+ })),
885
+ current: () => {
886
+ const pref = theme.getTheme().preference;
887
+ return flavorFromThemeId(pref);
888
+ },
889
+ subscribe: (listener) => ctx.on("theme/change", listener),
890
+ select: async (choice) => {
891
+ if (choice === "off") {
892
+ theme.setTheme("system");
893
+ await scope.set("flavor", "off").catch((err) => {
894
+ console.error("[dsh-catppuccin] persist off failed:", err);
895
+ });
896
+ return;
897
+ }
898
+ const flavor = flavorInfo(choice);
899
+ if (!flavor) return;
900
+ theme.setTheme(flavor.themeId);
901
+ await scope.set("flavor", flavor.themeId).catch((err) => {
902
+ console.error("[dsh-catppuccin] persist flavor failed:", err);
903
+ });
904
+ }
905
+ });
906
+ ctx.slots.inject("settings.general.item", () => ctx.slots.register({
907
+ name: "settings.general.item",
908
+ id: "catppuccin",
909
+ order: 20,
910
+ locale: NS,
911
+ inject: injected
912
+ }, CatppuccinRow));
913
+ }
914
+ //#endregion
915
+ exports.NS = NS;
916
+ exports.SETTINGS_NAMESPACE = SETTINGS_NAMESPACE;
917
+ exports.apply = apply;
918
+ exports.flavorFromThemeId = flavorFromThemeId;
919
+ exports.flavorInfo = flavorInfo;
920
+ exports.inject = inject;
921
+ return module.exports;
922
+ }
923
+ });
924
+
925
+ //# sourceMappingURL=client.js.map