@ox-content/theme-color-material 3.0.0-alpha.18 → 3.0.0-beta.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/dist/index.cjs +577 -0
- package/dist/index.d.cts +51 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.mts +51 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.mjs +571 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +2 -2
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,577 @@
|
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
//#region src/material.ts
|
|
6
|
+
/**
|
|
7
|
+
* Material — Material Theme Lighter and Material Theme.
|
|
8
|
+
*
|
|
9
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
10
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
11
|
+
*
|
|
12
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
13
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
14
|
+
*/
|
|
15
|
+
const material = {
|
|
16
|
+
name: "material",
|
|
17
|
+
colors: {
|
|
18
|
+
primary: "#4d7a76",
|
|
19
|
+
primaryHover: "#627076",
|
|
20
|
+
background: "#fafafa",
|
|
21
|
+
backgroundAlt: "#fafafa",
|
|
22
|
+
text: "#627076",
|
|
23
|
+
textMuted: "#627076",
|
|
24
|
+
border: "#00000020",
|
|
25
|
+
codeBackground: "#fafafa",
|
|
26
|
+
codeBackgroundTop: "#fafafa",
|
|
27
|
+
codeText: "#627076"
|
|
28
|
+
},
|
|
29
|
+
darkColors: {
|
|
30
|
+
primary: "#80cbc4",
|
|
31
|
+
primaryHover: "#eeffff",
|
|
32
|
+
background: "#263238",
|
|
33
|
+
backgroundAlt: "#263238",
|
|
34
|
+
text: "#eeffff",
|
|
35
|
+
textMuted: "#8b9ca5",
|
|
36
|
+
border: "#00000030",
|
|
37
|
+
codeBackground: "#263238",
|
|
38
|
+
codeBackgroundTop: "#263238",
|
|
39
|
+
codeText: "#eeffff"
|
|
40
|
+
},
|
|
41
|
+
tokens: {
|
|
42
|
+
"color-code-line-highlight": "color-mix(in srgb, #6182b8 16%, transparent)",
|
|
43
|
+
"color-code-line-warning": "color-mix(in srgb, #e2931d 18%, transparent)",
|
|
44
|
+
"color-code-line-warning-border": "#e2931d",
|
|
45
|
+
"color-code-line-error": "color-mix(in srgb, #e53935 20%, transparent)",
|
|
46
|
+
"color-code-line-error-border": "#e53935",
|
|
47
|
+
"color-code-line-add": "color-mix(in srgb, #91b859 16%, transparent)",
|
|
48
|
+
"color-code-line-add-border": "#91b859",
|
|
49
|
+
"color-code-line-remove": "color-mix(in srgb, #e53935 14%, transparent)",
|
|
50
|
+
"color-code-line-remove-border": "#e53935",
|
|
51
|
+
"color-code-line-focus": "color-mix(in srgb, #4d7a76 16%, transparent)",
|
|
52
|
+
"color-code-line-dim": "0.45",
|
|
53
|
+
"color-code-title-bg": "color-mix(in srgb, #fafafa 92%, #627076)",
|
|
54
|
+
"color-code-title-text": "color-mix(in srgb, #627076 88%, #fafafa)",
|
|
55
|
+
"color-code-title-border": "color-mix(in srgb, #627076 22%, transparent)",
|
|
56
|
+
"color-code-line-number": "color-mix(in srgb, #627076 48%, transparent)",
|
|
57
|
+
"color-code-frame-border": "color-mix(in srgb, #00000020 92%, transparent)",
|
|
58
|
+
"color-backdrop": "rgba(88, 88, 88, 0.62)",
|
|
59
|
+
"surface-glass": "color-mix(in srgb, #fafafa 62%, #fafafa)",
|
|
60
|
+
"surface-line": "color-mix(in srgb, #00000020 72%, #fafafa)",
|
|
61
|
+
"brand-violet": "#9c3eda",
|
|
62
|
+
"brand-cyan": "#39adb5",
|
|
63
|
+
"brand-lime": "#91b859",
|
|
64
|
+
"brand-coral": "#e53935",
|
|
65
|
+
"brand-navy": "color-mix(in srgb, #627076 70%, #fafafa)",
|
|
66
|
+
"brand-violet-rgb": "156, 62, 218",
|
|
67
|
+
"brand-cyan-rgb": "57, 173, 181",
|
|
68
|
+
"brand-lime-rgb": "145, 184, 89",
|
|
69
|
+
"brand-coral-rgb": "229, 57, 53",
|
|
70
|
+
"accent-a": "#4d7a76",
|
|
71
|
+
"accent-b": "#9c3eda",
|
|
72
|
+
"accent-c": "#39adb5",
|
|
73
|
+
"accent-warm": "#e2931d",
|
|
74
|
+
"accent-cool": "#6182b8",
|
|
75
|
+
"accent-a-ink": "#4d7a76",
|
|
76
|
+
"accent-b-ink": "#9c3eda",
|
|
77
|
+
"accent-c-ink": "#297d82",
|
|
78
|
+
"accent-warm-ink": "#9a6414",
|
|
79
|
+
"accent-cool-ink": "#5572a2",
|
|
80
|
+
"accent-coral-ink": "#d33431",
|
|
81
|
+
"syntax-foreground": "#90a4ae",
|
|
82
|
+
"syntax-background": "#fafafa",
|
|
83
|
+
"syntax-token-comment": "#90a4ae",
|
|
84
|
+
"syntax-token-punctuation": "#39adb5",
|
|
85
|
+
"syntax-token-keyword": "#f76d47",
|
|
86
|
+
"syntax-token-string": "#91b859",
|
|
87
|
+
"syntax-token-string-expression": "#91b859",
|
|
88
|
+
"syntax-token-constant": "#f76d47",
|
|
89
|
+
"syntax-token-function": "#6182b8",
|
|
90
|
+
"syntax-token-parameter": "#e53935",
|
|
91
|
+
"syntax-token-link": "#80cbc4"
|
|
92
|
+
},
|
|
93
|
+
darkTokens: {
|
|
94
|
+
"color-code-line-highlight": "color-mix(in srgb, #82aaff 16%, transparent)",
|
|
95
|
+
"color-code-line-warning": "color-mix(in srgb, #ffcb6b 18%, transparent)",
|
|
96
|
+
"color-code-line-warning-border": "#ffcb6b",
|
|
97
|
+
"color-code-line-error": "color-mix(in srgb, #f07178 20%, transparent)",
|
|
98
|
+
"color-code-line-error-border": "#f07178",
|
|
99
|
+
"color-code-line-add": "color-mix(in srgb, #c3e88d 16%, transparent)",
|
|
100
|
+
"color-code-line-add-border": "#c3e88d",
|
|
101
|
+
"color-code-line-remove": "color-mix(in srgb, #f07178 14%, transparent)",
|
|
102
|
+
"color-code-line-remove-border": "#f07178",
|
|
103
|
+
"color-code-line-focus": "color-mix(in srgb, #80cbc4 16%, transparent)",
|
|
104
|
+
"color-code-line-dim": "0.35",
|
|
105
|
+
"color-code-title-bg": "color-mix(in srgb, #263238 92%, #eeffff)",
|
|
106
|
+
"color-code-title-text": "color-mix(in srgb, #eeffff 88%, #263238)",
|
|
107
|
+
"color-code-title-border": "color-mix(in srgb, #eeffff 22%, transparent)",
|
|
108
|
+
"color-code-line-number": "color-mix(in srgb, #eeffff 48%, transparent)",
|
|
109
|
+
"color-code-frame-border": "color-mix(in srgb, #00000030 92%, transparent)",
|
|
110
|
+
"color-backdrop": "rgba(13, 18, 20, 0.62)",
|
|
111
|
+
"surface-glass": "color-mix(in srgb, #263238 62%, #263238)",
|
|
112
|
+
"surface-line": "color-mix(in srgb, #00000030 72%, #263238)",
|
|
113
|
+
"brand-violet": "#c792ea",
|
|
114
|
+
"brand-cyan": "#89ddff",
|
|
115
|
+
"brand-lime": "#c3e88d",
|
|
116
|
+
"brand-coral": "#f07178",
|
|
117
|
+
"brand-navy": "color-mix(in srgb, #eeffff 70%, #263238)",
|
|
118
|
+
"brand-violet-rgb": "199, 146, 234",
|
|
119
|
+
"brand-cyan-rgb": "137, 221, 255",
|
|
120
|
+
"brand-lime-rgb": "195, 232, 141",
|
|
121
|
+
"brand-coral-rgb": "240, 113, 120",
|
|
122
|
+
"accent-a": "#80cbc4",
|
|
123
|
+
"accent-b": "#c792ea",
|
|
124
|
+
"accent-c": "#89ddff",
|
|
125
|
+
"accent-warm": "#ffcb6b",
|
|
126
|
+
"accent-cool": "#82aaff",
|
|
127
|
+
"accent-a-ink": "#80cbc4",
|
|
128
|
+
"accent-b-ink": "#c792ea",
|
|
129
|
+
"accent-c-ink": "#89ddff",
|
|
130
|
+
"accent-warm-ink": "#ffcb6b",
|
|
131
|
+
"accent-cool-ink": "#82aaff",
|
|
132
|
+
"accent-coral-ink": "#f07178",
|
|
133
|
+
"syntax-foreground": "#eeffff",
|
|
134
|
+
"syntax-background": "#263238",
|
|
135
|
+
"syntax-token-comment": "#546e7a",
|
|
136
|
+
"syntax-token-punctuation": "#89ddff",
|
|
137
|
+
"syntax-token-keyword": "#f78c6c",
|
|
138
|
+
"syntax-token-string": "#c3e88d",
|
|
139
|
+
"syntax-token-string-expression": "#c3e88d",
|
|
140
|
+
"syntax-token-constant": "#f78c6c",
|
|
141
|
+
"syntax-token-function": "#82aaff",
|
|
142
|
+
"syntax-token-parameter": "#f07178",
|
|
143
|
+
"syntax-token-link": "#80cbc4"
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
//#endregion
|
|
147
|
+
//#region src/materialDarker.ts
|
|
148
|
+
/**
|
|
149
|
+
* Material — Material Theme Lighter and Material Theme Darker.
|
|
150
|
+
*
|
|
151
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
152
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
153
|
+
*
|
|
154
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
155
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
156
|
+
*/
|
|
157
|
+
const materialDarker = {
|
|
158
|
+
name: "material-darker",
|
|
159
|
+
colors: {
|
|
160
|
+
primary: "#4d7a76",
|
|
161
|
+
primaryHover: "#627076",
|
|
162
|
+
background: "#fafafa",
|
|
163
|
+
backgroundAlt: "#fafafa",
|
|
164
|
+
text: "#627076",
|
|
165
|
+
textMuted: "#627076",
|
|
166
|
+
border: "#00000020",
|
|
167
|
+
codeBackground: "#fafafa",
|
|
168
|
+
codeBackgroundTop: "#fafafa",
|
|
169
|
+
codeText: "#627076"
|
|
170
|
+
},
|
|
171
|
+
darkColors: {
|
|
172
|
+
primary: "#80cbc4",
|
|
173
|
+
primaryHover: "#eeffff",
|
|
174
|
+
background: "#212121",
|
|
175
|
+
backgroundAlt: "#212121",
|
|
176
|
+
text: "#eeffff",
|
|
177
|
+
textMuted: "#8b8b8b",
|
|
178
|
+
border: "#00000030",
|
|
179
|
+
codeBackground: "#212121",
|
|
180
|
+
codeBackgroundTop: "#212121",
|
|
181
|
+
codeText: "#eeffff"
|
|
182
|
+
},
|
|
183
|
+
tokens: {
|
|
184
|
+
"color-code-line-highlight": "color-mix(in srgb, #6182b8 16%, transparent)",
|
|
185
|
+
"color-code-line-warning": "color-mix(in srgb, #e2931d 18%, transparent)",
|
|
186
|
+
"color-code-line-warning-border": "#e2931d",
|
|
187
|
+
"color-code-line-error": "color-mix(in srgb, #e53935 20%, transparent)",
|
|
188
|
+
"color-code-line-error-border": "#e53935",
|
|
189
|
+
"color-code-line-add": "color-mix(in srgb, #91b859 16%, transparent)",
|
|
190
|
+
"color-code-line-add-border": "#91b859",
|
|
191
|
+
"color-code-line-remove": "color-mix(in srgb, #e53935 14%, transparent)",
|
|
192
|
+
"color-code-line-remove-border": "#e53935",
|
|
193
|
+
"color-code-line-focus": "color-mix(in srgb, #4d7a76 16%, transparent)",
|
|
194
|
+
"color-code-line-dim": "0.45",
|
|
195
|
+
"color-code-title-bg": "color-mix(in srgb, #fafafa 92%, #627076)",
|
|
196
|
+
"color-code-title-text": "color-mix(in srgb, #627076 88%, #fafafa)",
|
|
197
|
+
"color-code-title-border": "color-mix(in srgb, #627076 22%, transparent)",
|
|
198
|
+
"color-code-line-number": "color-mix(in srgb, #627076 48%, transparent)",
|
|
199
|
+
"color-code-frame-border": "color-mix(in srgb, #00000020 92%, transparent)",
|
|
200
|
+
"color-backdrop": "rgba(88, 88, 88, 0.62)",
|
|
201
|
+
"surface-glass": "color-mix(in srgb, #fafafa 62%, #fafafa)",
|
|
202
|
+
"surface-line": "color-mix(in srgb, #00000020 72%, #fafafa)",
|
|
203
|
+
"brand-violet": "#9c3eda",
|
|
204
|
+
"brand-cyan": "#39adb5",
|
|
205
|
+
"brand-lime": "#91b859",
|
|
206
|
+
"brand-coral": "#e53935",
|
|
207
|
+
"brand-navy": "color-mix(in srgb, #627076 70%, #fafafa)",
|
|
208
|
+
"brand-violet-rgb": "156, 62, 218",
|
|
209
|
+
"brand-cyan-rgb": "57, 173, 181",
|
|
210
|
+
"brand-lime-rgb": "145, 184, 89",
|
|
211
|
+
"brand-coral-rgb": "229, 57, 53",
|
|
212
|
+
"accent-a": "#4d7a76",
|
|
213
|
+
"accent-b": "#9c3eda",
|
|
214
|
+
"accent-c": "#39adb5",
|
|
215
|
+
"accent-warm": "#e2931d",
|
|
216
|
+
"accent-cool": "#6182b8",
|
|
217
|
+
"accent-a-ink": "#4d7a76",
|
|
218
|
+
"accent-b-ink": "#9c3eda",
|
|
219
|
+
"accent-c-ink": "#297d82",
|
|
220
|
+
"accent-warm-ink": "#9a6414",
|
|
221
|
+
"accent-cool-ink": "#5572a2",
|
|
222
|
+
"accent-coral-ink": "#d33431",
|
|
223
|
+
"syntax-foreground": "#90a4ae",
|
|
224
|
+
"syntax-background": "#fafafa",
|
|
225
|
+
"syntax-token-comment": "#90a4ae",
|
|
226
|
+
"syntax-token-punctuation": "#39adb5",
|
|
227
|
+
"syntax-token-keyword": "#f76d47",
|
|
228
|
+
"syntax-token-string": "#91b859",
|
|
229
|
+
"syntax-token-string-expression": "#91b859",
|
|
230
|
+
"syntax-token-constant": "#f76d47",
|
|
231
|
+
"syntax-token-function": "#6182b8",
|
|
232
|
+
"syntax-token-parameter": "#e53935",
|
|
233
|
+
"syntax-token-link": "#80cbc4"
|
|
234
|
+
},
|
|
235
|
+
darkTokens: {
|
|
236
|
+
"color-code-line-highlight": "color-mix(in srgb, #82aaff 16%, transparent)",
|
|
237
|
+
"color-code-line-warning": "color-mix(in srgb, #ffcb6b 18%, transparent)",
|
|
238
|
+
"color-code-line-warning-border": "#ffcb6b",
|
|
239
|
+
"color-code-line-error": "color-mix(in srgb, #f07178 20%, transparent)",
|
|
240
|
+
"color-code-line-error-border": "#f07178",
|
|
241
|
+
"color-code-line-add": "color-mix(in srgb, #c3e88d 16%, transparent)",
|
|
242
|
+
"color-code-line-add-border": "#c3e88d",
|
|
243
|
+
"color-code-line-remove": "color-mix(in srgb, #f07178 14%, transparent)",
|
|
244
|
+
"color-code-line-remove-border": "#f07178",
|
|
245
|
+
"color-code-line-focus": "color-mix(in srgb, #80cbc4 16%, transparent)",
|
|
246
|
+
"color-code-line-dim": "0.35",
|
|
247
|
+
"color-code-title-bg": "color-mix(in srgb, #212121 92%, #eeffff)",
|
|
248
|
+
"color-code-title-text": "color-mix(in srgb, #eeffff 88%, #212121)",
|
|
249
|
+
"color-code-title-border": "color-mix(in srgb, #eeffff 22%, transparent)",
|
|
250
|
+
"color-code-line-number": "color-mix(in srgb, #eeffff 48%, transparent)",
|
|
251
|
+
"color-code-frame-border": "color-mix(in srgb, #00000030 92%, transparent)",
|
|
252
|
+
"color-backdrop": "rgba(12, 12, 12, 0.62)",
|
|
253
|
+
"surface-glass": "color-mix(in srgb, #212121 62%, #212121)",
|
|
254
|
+
"surface-line": "color-mix(in srgb, #00000030 72%, #212121)",
|
|
255
|
+
"brand-violet": "#c792ea",
|
|
256
|
+
"brand-cyan": "#89ddff",
|
|
257
|
+
"brand-lime": "#c3e88d",
|
|
258
|
+
"brand-coral": "#f07178",
|
|
259
|
+
"brand-navy": "color-mix(in srgb, #eeffff 70%, #212121)",
|
|
260
|
+
"brand-violet-rgb": "199, 146, 234",
|
|
261
|
+
"brand-cyan-rgb": "137, 221, 255",
|
|
262
|
+
"brand-lime-rgb": "195, 232, 141",
|
|
263
|
+
"brand-coral-rgb": "240, 113, 120",
|
|
264
|
+
"accent-a": "#80cbc4",
|
|
265
|
+
"accent-b": "#c792ea",
|
|
266
|
+
"accent-c": "#89ddff",
|
|
267
|
+
"accent-warm": "#ffcb6b",
|
|
268
|
+
"accent-cool": "#82aaff",
|
|
269
|
+
"accent-a-ink": "#80cbc4",
|
|
270
|
+
"accent-b-ink": "#c792ea",
|
|
271
|
+
"accent-c-ink": "#89ddff",
|
|
272
|
+
"accent-warm-ink": "#ffcb6b",
|
|
273
|
+
"accent-cool-ink": "#82aaff",
|
|
274
|
+
"accent-coral-ink": "#f07178",
|
|
275
|
+
"syntax-foreground": "#eeffff",
|
|
276
|
+
"syntax-background": "#212121",
|
|
277
|
+
"syntax-token-comment": "#545454",
|
|
278
|
+
"syntax-token-punctuation": "#89ddff",
|
|
279
|
+
"syntax-token-keyword": "#f78c6c",
|
|
280
|
+
"syntax-token-string": "#c3e88d",
|
|
281
|
+
"syntax-token-string-expression": "#c3e88d",
|
|
282
|
+
"syntax-token-constant": "#f78c6c",
|
|
283
|
+
"syntax-token-function": "#82aaff",
|
|
284
|
+
"syntax-token-parameter": "#f07178",
|
|
285
|
+
"syntax-token-link": "#80cbc4"
|
|
286
|
+
}
|
|
287
|
+
};
|
|
288
|
+
//#endregion
|
|
289
|
+
//#region src/materialOcean.ts
|
|
290
|
+
/**
|
|
291
|
+
* Material — Material Theme Lighter and Material Theme Ocean.
|
|
292
|
+
*
|
|
293
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
294
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
295
|
+
*
|
|
296
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
297
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
298
|
+
*/
|
|
299
|
+
const materialOcean = {
|
|
300
|
+
name: "material-ocean",
|
|
301
|
+
colors: {
|
|
302
|
+
primary: "#4d7a76",
|
|
303
|
+
primaryHover: "#627076",
|
|
304
|
+
background: "#fafafa",
|
|
305
|
+
backgroundAlt: "#fafafa",
|
|
306
|
+
text: "#627076",
|
|
307
|
+
textMuted: "#627076",
|
|
308
|
+
border: "#00000020",
|
|
309
|
+
codeBackground: "#fafafa",
|
|
310
|
+
codeBackgroundTop: "#fafafa",
|
|
311
|
+
codeText: "#627076"
|
|
312
|
+
},
|
|
313
|
+
darkColors: {
|
|
314
|
+
primary: "#80cbc4",
|
|
315
|
+
primaryHover: "#babed8",
|
|
316
|
+
background: "#0f111a",
|
|
317
|
+
backgroundAlt: "#0f111a",
|
|
318
|
+
text: "#babed8",
|
|
319
|
+
textMuted: "#7a7d8a",
|
|
320
|
+
border: "#00000030",
|
|
321
|
+
codeBackground: "#0f111a",
|
|
322
|
+
codeBackgroundTop: "#0f111a",
|
|
323
|
+
codeText: "#babed8"
|
|
324
|
+
},
|
|
325
|
+
tokens: {
|
|
326
|
+
"color-code-line-highlight": "color-mix(in srgb, #6182b8 16%, transparent)",
|
|
327
|
+
"color-code-line-warning": "color-mix(in srgb, #e2931d 18%, transparent)",
|
|
328
|
+
"color-code-line-warning-border": "#e2931d",
|
|
329
|
+
"color-code-line-error": "color-mix(in srgb, #e53935 20%, transparent)",
|
|
330
|
+
"color-code-line-error-border": "#e53935",
|
|
331
|
+
"color-code-line-add": "color-mix(in srgb, #91b859 16%, transparent)",
|
|
332
|
+
"color-code-line-add-border": "#91b859",
|
|
333
|
+
"color-code-line-remove": "color-mix(in srgb, #e53935 14%, transparent)",
|
|
334
|
+
"color-code-line-remove-border": "#e53935",
|
|
335
|
+
"color-code-line-focus": "color-mix(in srgb, #4d7a76 16%, transparent)",
|
|
336
|
+
"color-code-line-dim": "0.45",
|
|
337
|
+
"color-code-title-bg": "color-mix(in srgb, #fafafa 92%, #627076)",
|
|
338
|
+
"color-code-title-text": "color-mix(in srgb, #627076 88%, #fafafa)",
|
|
339
|
+
"color-code-title-border": "color-mix(in srgb, #627076 22%, transparent)",
|
|
340
|
+
"color-code-line-number": "color-mix(in srgb, #627076 48%, transparent)",
|
|
341
|
+
"color-code-frame-border": "color-mix(in srgb, #00000020 92%, transparent)",
|
|
342
|
+
"color-backdrop": "rgba(88, 88, 88, 0.62)",
|
|
343
|
+
"surface-glass": "color-mix(in srgb, #fafafa 62%, #fafafa)",
|
|
344
|
+
"surface-line": "color-mix(in srgb, #00000020 72%, #fafafa)",
|
|
345
|
+
"brand-violet": "#9c3eda",
|
|
346
|
+
"brand-cyan": "#39adb5",
|
|
347
|
+
"brand-lime": "#91b859",
|
|
348
|
+
"brand-coral": "#e53935",
|
|
349
|
+
"brand-navy": "color-mix(in srgb, #627076 70%, #fafafa)",
|
|
350
|
+
"brand-violet-rgb": "156, 62, 218",
|
|
351
|
+
"brand-cyan-rgb": "57, 173, 181",
|
|
352
|
+
"brand-lime-rgb": "145, 184, 89",
|
|
353
|
+
"brand-coral-rgb": "229, 57, 53",
|
|
354
|
+
"accent-a": "#4d7a76",
|
|
355
|
+
"accent-b": "#9c3eda",
|
|
356
|
+
"accent-c": "#39adb5",
|
|
357
|
+
"accent-warm": "#e2931d",
|
|
358
|
+
"accent-cool": "#6182b8",
|
|
359
|
+
"accent-a-ink": "#4d7a76",
|
|
360
|
+
"accent-b-ink": "#9c3eda",
|
|
361
|
+
"accent-c-ink": "#297d82",
|
|
362
|
+
"accent-warm-ink": "#9a6414",
|
|
363
|
+
"accent-cool-ink": "#5572a2",
|
|
364
|
+
"accent-coral-ink": "#d33431",
|
|
365
|
+
"syntax-foreground": "#90a4ae",
|
|
366
|
+
"syntax-background": "#fafafa",
|
|
367
|
+
"syntax-token-comment": "#90a4ae",
|
|
368
|
+
"syntax-token-punctuation": "#39adb5",
|
|
369
|
+
"syntax-token-keyword": "#f76d47",
|
|
370
|
+
"syntax-token-string": "#91b859",
|
|
371
|
+
"syntax-token-string-expression": "#91b859",
|
|
372
|
+
"syntax-token-constant": "#f76d47",
|
|
373
|
+
"syntax-token-function": "#6182b8",
|
|
374
|
+
"syntax-token-parameter": "#e53935",
|
|
375
|
+
"syntax-token-link": "#80cbc4"
|
|
376
|
+
},
|
|
377
|
+
darkTokens: {
|
|
378
|
+
"color-code-line-highlight": "color-mix(in srgb, #82aaff 16%, transparent)",
|
|
379
|
+
"color-code-line-warning": "color-mix(in srgb, #ffcb6b 18%, transparent)",
|
|
380
|
+
"color-code-line-warning-border": "#ffcb6b",
|
|
381
|
+
"color-code-line-error": "color-mix(in srgb, #f07178 20%, transparent)",
|
|
382
|
+
"color-code-line-error-border": "#f07178",
|
|
383
|
+
"color-code-line-add": "color-mix(in srgb, #c3e88d 16%, transparent)",
|
|
384
|
+
"color-code-line-add-border": "#c3e88d",
|
|
385
|
+
"color-code-line-remove": "color-mix(in srgb, #f07178 14%, transparent)",
|
|
386
|
+
"color-code-line-remove-border": "#f07178",
|
|
387
|
+
"color-code-line-focus": "color-mix(in srgb, #80cbc4 16%, transparent)",
|
|
388
|
+
"color-code-line-dim": "0.35",
|
|
389
|
+
"color-code-title-bg": "color-mix(in srgb, #0f111a 92%, #babed8)",
|
|
390
|
+
"color-code-title-text": "color-mix(in srgb, #babed8 88%, #0f111a)",
|
|
391
|
+
"color-code-title-border": "color-mix(in srgb, #babed8 22%, transparent)",
|
|
392
|
+
"color-code-line-number": "color-mix(in srgb, #babed8 48%, transparent)",
|
|
393
|
+
"color-code-frame-border": "color-mix(in srgb, #00000030 92%, transparent)",
|
|
394
|
+
"color-backdrop": "rgba(5, 6, 9, 0.62)",
|
|
395
|
+
"surface-glass": "color-mix(in srgb, #0f111a 62%, #0f111a)",
|
|
396
|
+
"surface-line": "color-mix(in srgb, #00000030 72%, #0f111a)",
|
|
397
|
+
"brand-violet": "#c792ea",
|
|
398
|
+
"brand-cyan": "#89ddff",
|
|
399
|
+
"brand-lime": "#c3e88d",
|
|
400
|
+
"brand-coral": "#f07178",
|
|
401
|
+
"brand-navy": "color-mix(in srgb, #babed8 70%, #0f111a)",
|
|
402
|
+
"brand-violet-rgb": "199, 146, 234",
|
|
403
|
+
"brand-cyan-rgb": "137, 221, 255",
|
|
404
|
+
"brand-lime-rgb": "195, 232, 141",
|
|
405
|
+
"brand-coral-rgb": "240, 113, 120",
|
|
406
|
+
"accent-a": "#80cbc4",
|
|
407
|
+
"accent-b": "#c792ea",
|
|
408
|
+
"accent-c": "#89ddff",
|
|
409
|
+
"accent-warm": "#ffcb6b",
|
|
410
|
+
"accent-cool": "#82aaff",
|
|
411
|
+
"accent-a-ink": "#80cbc4",
|
|
412
|
+
"accent-b-ink": "#c792ea",
|
|
413
|
+
"accent-c-ink": "#89ddff",
|
|
414
|
+
"accent-warm-ink": "#ffcb6b",
|
|
415
|
+
"accent-cool-ink": "#82aaff",
|
|
416
|
+
"accent-coral-ink": "#f07178",
|
|
417
|
+
"syntax-foreground": "#babed8",
|
|
418
|
+
"syntax-background": "#0f111a",
|
|
419
|
+
"syntax-token-comment": "#464b5d",
|
|
420
|
+
"syntax-token-punctuation": "#89ddff",
|
|
421
|
+
"syntax-token-keyword": "#f78c6c",
|
|
422
|
+
"syntax-token-string": "#c3e88d",
|
|
423
|
+
"syntax-token-string-expression": "#c3e88d",
|
|
424
|
+
"syntax-token-constant": "#f78c6c",
|
|
425
|
+
"syntax-token-function": "#82aaff",
|
|
426
|
+
"syntax-token-parameter": "#f07178",
|
|
427
|
+
"syntax-token-link": "#80cbc4"
|
|
428
|
+
}
|
|
429
|
+
};
|
|
430
|
+
//#endregion
|
|
431
|
+
//#region src/materialPalenight.ts
|
|
432
|
+
/**
|
|
433
|
+
* Material — Material Theme Lighter and Material Theme Palenight.
|
|
434
|
+
*
|
|
435
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
436
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
437
|
+
*
|
|
438
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
439
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
440
|
+
*/
|
|
441
|
+
const materialPalenight = {
|
|
442
|
+
name: "material-palenight",
|
|
443
|
+
colors: {
|
|
444
|
+
primary: "#4d7a76",
|
|
445
|
+
primaryHover: "#627076",
|
|
446
|
+
background: "#fafafa",
|
|
447
|
+
backgroundAlt: "#fafafa",
|
|
448
|
+
text: "#627076",
|
|
449
|
+
textMuted: "#627076",
|
|
450
|
+
border: "#00000020",
|
|
451
|
+
codeBackground: "#fafafa",
|
|
452
|
+
codeBackgroundTop: "#fafafa",
|
|
453
|
+
codeText: "#627076"
|
|
454
|
+
},
|
|
455
|
+
darkColors: {
|
|
456
|
+
primary: "#80cbc4",
|
|
457
|
+
primaryHover: "#babed8",
|
|
458
|
+
background: "#292d3e",
|
|
459
|
+
backgroundAlt: "#292d3e",
|
|
460
|
+
text: "#babed8",
|
|
461
|
+
textMuted: "#9297b3",
|
|
462
|
+
border: "#00000030",
|
|
463
|
+
codeBackground: "#292d3e",
|
|
464
|
+
codeBackgroundTop: "#292d3e",
|
|
465
|
+
codeText: "#babed8"
|
|
466
|
+
},
|
|
467
|
+
tokens: {
|
|
468
|
+
"color-code-line-highlight": "color-mix(in srgb, #6182b8 16%, transparent)",
|
|
469
|
+
"color-code-line-warning": "color-mix(in srgb, #e2931d 18%, transparent)",
|
|
470
|
+
"color-code-line-warning-border": "#e2931d",
|
|
471
|
+
"color-code-line-error": "color-mix(in srgb, #e53935 20%, transparent)",
|
|
472
|
+
"color-code-line-error-border": "#e53935",
|
|
473
|
+
"color-code-line-add": "color-mix(in srgb, #91b859 16%, transparent)",
|
|
474
|
+
"color-code-line-add-border": "#91b859",
|
|
475
|
+
"color-code-line-remove": "color-mix(in srgb, #e53935 14%, transparent)",
|
|
476
|
+
"color-code-line-remove-border": "#e53935",
|
|
477
|
+
"color-code-line-focus": "color-mix(in srgb, #4d7a76 16%, transparent)",
|
|
478
|
+
"color-code-line-dim": "0.45",
|
|
479
|
+
"color-code-title-bg": "color-mix(in srgb, #fafafa 92%, #627076)",
|
|
480
|
+
"color-code-title-text": "color-mix(in srgb, #627076 88%, #fafafa)",
|
|
481
|
+
"color-code-title-border": "color-mix(in srgb, #627076 22%, transparent)",
|
|
482
|
+
"color-code-line-number": "color-mix(in srgb, #627076 48%, transparent)",
|
|
483
|
+
"color-code-frame-border": "color-mix(in srgb, #00000020 92%, transparent)",
|
|
484
|
+
"color-backdrop": "rgba(88, 88, 88, 0.62)",
|
|
485
|
+
"surface-glass": "color-mix(in srgb, #fafafa 62%, #fafafa)",
|
|
486
|
+
"surface-line": "color-mix(in srgb, #00000020 72%, #fafafa)",
|
|
487
|
+
"brand-violet": "#9c3eda",
|
|
488
|
+
"brand-cyan": "#39adb5",
|
|
489
|
+
"brand-lime": "#91b859",
|
|
490
|
+
"brand-coral": "#e53935",
|
|
491
|
+
"brand-navy": "color-mix(in srgb, #627076 70%, #fafafa)",
|
|
492
|
+
"brand-violet-rgb": "156, 62, 218",
|
|
493
|
+
"brand-cyan-rgb": "57, 173, 181",
|
|
494
|
+
"brand-lime-rgb": "145, 184, 89",
|
|
495
|
+
"brand-coral-rgb": "229, 57, 53",
|
|
496
|
+
"accent-a": "#4d7a76",
|
|
497
|
+
"accent-b": "#9c3eda",
|
|
498
|
+
"accent-c": "#39adb5",
|
|
499
|
+
"accent-warm": "#e2931d",
|
|
500
|
+
"accent-cool": "#6182b8",
|
|
501
|
+
"accent-a-ink": "#4d7a76",
|
|
502
|
+
"accent-b-ink": "#9c3eda",
|
|
503
|
+
"accent-c-ink": "#297d82",
|
|
504
|
+
"accent-warm-ink": "#9a6414",
|
|
505
|
+
"accent-cool-ink": "#5572a2",
|
|
506
|
+
"accent-coral-ink": "#d33431",
|
|
507
|
+
"syntax-foreground": "#90a4ae",
|
|
508
|
+
"syntax-background": "#fafafa",
|
|
509
|
+
"syntax-token-comment": "#90a4ae",
|
|
510
|
+
"syntax-token-punctuation": "#39adb5",
|
|
511
|
+
"syntax-token-keyword": "#f76d47",
|
|
512
|
+
"syntax-token-string": "#91b859",
|
|
513
|
+
"syntax-token-string-expression": "#91b859",
|
|
514
|
+
"syntax-token-constant": "#f76d47",
|
|
515
|
+
"syntax-token-function": "#6182b8",
|
|
516
|
+
"syntax-token-parameter": "#e53935",
|
|
517
|
+
"syntax-token-link": "#80cbc4"
|
|
518
|
+
},
|
|
519
|
+
darkTokens: {
|
|
520
|
+
"color-code-line-highlight": "color-mix(in srgb, #82aaff 16%, transparent)",
|
|
521
|
+
"color-code-line-warning": "color-mix(in srgb, #ffcb6b 18%, transparent)",
|
|
522
|
+
"color-code-line-warning-border": "#ffcb6b",
|
|
523
|
+
"color-code-line-error": "color-mix(in srgb, #f07178 20%, transparent)",
|
|
524
|
+
"color-code-line-error-border": "#f07178",
|
|
525
|
+
"color-code-line-add": "color-mix(in srgb, #c3e88d 16%, transparent)",
|
|
526
|
+
"color-code-line-add-border": "#c3e88d",
|
|
527
|
+
"color-code-line-remove": "color-mix(in srgb, #f07178 14%, transparent)",
|
|
528
|
+
"color-code-line-remove-border": "#f07178",
|
|
529
|
+
"color-code-line-focus": "color-mix(in srgb, #80cbc4 16%, transparent)",
|
|
530
|
+
"color-code-line-dim": "0.35",
|
|
531
|
+
"color-code-title-bg": "color-mix(in srgb, #292d3e 92%, #babed8)",
|
|
532
|
+
"color-code-title-text": "color-mix(in srgb, #babed8 88%, #292d3e)",
|
|
533
|
+
"color-code-title-border": "color-mix(in srgb, #babed8 22%, transparent)",
|
|
534
|
+
"color-code-line-number": "color-mix(in srgb, #babed8 48%, transparent)",
|
|
535
|
+
"color-code-frame-border": "color-mix(in srgb, #00000030 92%, transparent)",
|
|
536
|
+
"color-backdrop": "rgba(14, 16, 22, 0.62)",
|
|
537
|
+
"surface-glass": "color-mix(in srgb, #292d3e 62%, #292d3e)",
|
|
538
|
+
"surface-line": "color-mix(in srgb, #00000030 72%, #292d3e)",
|
|
539
|
+
"brand-violet": "#c792ea",
|
|
540
|
+
"brand-cyan": "#89ddff",
|
|
541
|
+
"brand-lime": "#c3e88d",
|
|
542
|
+
"brand-coral": "#f07178",
|
|
543
|
+
"brand-navy": "color-mix(in srgb, #babed8 70%, #292d3e)",
|
|
544
|
+
"brand-violet-rgb": "199, 146, 234",
|
|
545
|
+
"brand-cyan-rgb": "137, 221, 255",
|
|
546
|
+
"brand-lime-rgb": "195, 232, 141",
|
|
547
|
+
"brand-coral-rgb": "240, 113, 120",
|
|
548
|
+
"accent-a": "#80cbc4",
|
|
549
|
+
"accent-b": "#c792ea",
|
|
550
|
+
"accent-c": "#89ddff",
|
|
551
|
+
"accent-warm": "#ffcb6b",
|
|
552
|
+
"accent-cool": "#82aaff",
|
|
553
|
+
"accent-a-ink": "#80cbc4",
|
|
554
|
+
"accent-b-ink": "#c792ea",
|
|
555
|
+
"accent-c-ink": "#89ddff",
|
|
556
|
+
"accent-warm-ink": "#ffcb6b",
|
|
557
|
+
"accent-cool-ink": "#82aaff",
|
|
558
|
+
"accent-coral-ink": "#f07178",
|
|
559
|
+
"syntax-foreground": "#babed8",
|
|
560
|
+
"syntax-background": "#292d3e",
|
|
561
|
+
"syntax-token-comment": "#676e95",
|
|
562
|
+
"syntax-token-punctuation": "#89ddff",
|
|
563
|
+
"syntax-token-keyword": "#f78c6c",
|
|
564
|
+
"syntax-token-string": "#c3e88d",
|
|
565
|
+
"syntax-token-string-expression": "#c3e88d",
|
|
566
|
+
"syntax-token-constant": "#f78c6c",
|
|
567
|
+
"syntax-token-function": "#82aaff",
|
|
568
|
+
"syntax-token-parameter": "#f07178",
|
|
569
|
+
"syntax-token-link": "#80cbc4"
|
|
570
|
+
}
|
|
571
|
+
};
|
|
572
|
+
//#endregion
|
|
573
|
+
exports.default = material;
|
|
574
|
+
exports.material = material;
|
|
575
|
+
exports.materialDarker = materialDarker;
|
|
576
|
+
exports.materialOcean = materialOcean;
|
|
577
|
+
exports.materialPalenight = materialPalenight;
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { ThemeConfig } from "@ox-content/vite-plugin";
|
|
2
|
+
//#region src/material.d.ts
|
|
3
|
+
/**
|
|
4
|
+
* Material — Material Theme Lighter and Material Theme.
|
|
5
|
+
*
|
|
6
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
7
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
8
|
+
*
|
|
9
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
10
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
11
|
+
*/
|
|
12
|
+
declare const material: ThemeConfig;
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/materialDarker.d.ts
|
|
15
|
+
/**
|
|
16
|
+
* Material — Material Theme Lighter and Material Theme Darker.
|
|
17
|
+
*
|
|
18
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
19
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
20
|
+
*
|
|
21
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
22
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
23
|
+
*/
|
|
24
|
+
declare const materialDarker: ThemeConfig;
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/materialOcean.d.ts
|
|
27
|
+
/**
|
|
28
|
+
* Material — Material Theme Lighter and Material Theme Ocean.
|
|
29
|
+
*
|
|
30
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
31
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
32
|
+
*
|
|
33
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
34
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
35
|
+
*/
|
|
36
|
+
declare const materialOcean: ThemeConfig;
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/materialPalenight.d.ts
|
|
39
|
+
/**
|
|
40
|
+
* Material — Material Theme Lighter and Material Theme Palenight.
|
|
41
|
+
*
|
|
42
|
+
* Color only: no layout, no texture, no typography. Compose it under any
|
|
43
|
+
* `@ox-content/theme-*` skin, or use it on its own over the default theme.
|
|
44
|
+
*
|
|
45
|
+
* Generated from `scripts/theme-colors/palettes.json`; edit that file and run
|
|
46
|
+
* `node scripts/theme-colors/generate.mjs` rather than editing this by hand.
|
|
47
|
+
*/
|
|
48
|
+
declare const materialPalenight: ThemeConfig;
|
|
49
|
+
//#endregion
|
|
50
|
+
export { material as default, material, materialDarker, materialOcean, materialPalenight };
|
|
51
|
+
//# sourceMappingURL=index.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../src/material.ts","../src/materialDarker.ts","../src/materialOcean.ts","../src/materialPalenight.ts"],"mappings":";;;;;;;;;;;cAWa,UAAU;;;;;;;;;;;;cCAV,gBAAgB;;;;;;;;;;;;cCAhB,eAAe;;;;;;;;;;;;cCAf,mBAAmB"}
|