@mdxeditor/editor 4.2.3 → 4.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/style.css +132 -0
  2. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -163,6 +163,39 @@
163
163
  }
164
164
  }
165
165
  }
166
+ .dark, .dark-theme {
167
+ --grass-1: #0e1511;
168
+ --grass-2: #141a15;
169
+ --grass-3: #1b2a1e;
170
+ --grass-4: #1d3a24;
171
+ --grass-5: #25482d;
172
+ --grass-6: #2d5736;
173
+ --grass-7: #366740;
174
+ --grass-8: #3e7949;
175
+ --grass-9: #46a758;
176
+ --grass-10: #53b365;
177
+ --grass-11: #71d083;
178
+ --grass-12: #c2f0c2;
179
+ }
180
+
181
+ @supports (color: color(display-p3 1 1 1)) {
182
+ @media (color-gamut: p3) {
183
+ .dark, .dark-theme {
184
+ --grass-1: color(display-p3 0.062 0.083 0.067);
185
+ --grass-2: color(display-p3 0.083 0.103 0.085);
186
+ --grass-3: color(display-p3 0.118 0.163 0.122);
187
+ --grass-4: color(display-p3 0.142 0.225 0.15);
188
+ --grass-5: color(display-p3 0.178 0.279 0.186);
189
+ --grass-6: color(display-p3 0.217 0.337 0.224);
190
+ --grass-7: color(display-p3 0.258 0.4 0.264);
191
+ --grass-8: color(display-p3 0.302 0.47 0.305);
192
+ --grass-9: color(display-p3 0.38 0.647 0.378);
193
+ --grass-10: color(display-p3 0.426 0.694 0.426);
194
+ --grass-11: color(display-p3 0.535 0.807 0.542);
195
+ --grass-12: color(display-p3 0.797 0.936 0.776);
196
+ }
197
+ }
198
+ }
166
199
  :root, .light, .light-theme {
167
200
  --cyan-1: #fafdfe;
168
201
  --cyan-2: #f2fafb;
@@ -196,6 +229,39 @@
196
229
  }
197
230
  }
198
231
  }
232
+ .dark, .dark-theme {
233
+ --cyan-1: #0b161a;
234
+ --cyan-2: #101b20;
235
+ --cyan-3: #082c36;
236
+ --cyan-4: #003848;
237
+ --cyan-5: #004558;
238
+ --cyan-6: #045468;
239
+ --cyan-7: #12677e;
240
+ --cyan-8: #11809c;
241
+ --cyan-9: #00a2c7;
242
+ --cyan-10: #23afd0;
243
+ --cyan-11: #4ccce6;
244
+ --cyan-12: #b6ecf7;
245
+ }
246
+
247
+ @supports (color: color(display-p3 1 1 1)) {
248
+ @media (color-gamut: p3) {
249
+ .dark, .dark-theme {
250
+ --cyan-1: color(display-p3 0.053 0.085 0.098);
251
+ --cyan-2: color(display-p3 0.072 0.105 0.122);
252
+ --cyan-3: color(display-p3 0.073 0.168 0.209);
253
+ --cyan-4: color(display-p3 0.063 0.216 0.277);
254
+ --cyan-5: color(display-p3 0.091 0.267 0.336);
255
+ --cyan-6: color(display-p3 0.137 0.324 0.4);
256
+ --cyan-7: color(display-p3 0.186 0.398 0.484);
257
+ --cyan-8: color(display-p3 0.23 0.496 0.6);
258
+ --cyan-9: color(display-p3 0.282 0.627 0.765);
259
+ --cyan-10: color(display-p3 0.331 0.675 0.801);
260
+ --cyan-11: color(display-p3 0.446 0.79 0.887);
261
+ --cyan-12: color(display-p3 0.757 0.919 0.962);
262
+ }
263
+ }
264
+ }
199
265
  :root, .light, .light-theme {
200
266
  --amber-1: #fefdfb;
201
267
  --amber-2: #fefbe9;
@@ -229,6 +295,39 @@
229
295
  }
230
296
  }
231
297
  }
298
+ .dark, .dark-theme {
299
+ --amber-1: #16120c;
300
+ --amber-2: #1d180f;
301
+ --amber-3: #302008;
302
+ --amber-4: #3f2700;
303
+ --amber-5: #4d3000;
304
+ --amber-6: #5c3d05;
305
+ --amber-7: #714f19;
306
+ --amber-8: #8f6424;
307
+ --amber-9: #ffc53d;
308
+ --amber-10: #ffd60a;
309
+ --amber-11: #ffca16;
310
+ --amber-12: #ffe7b3;
311
+ }
312
+
313
+ @supports (color: color(display-p3 1 1 1)) {
314
+ @media (color-gamut: p3) {
315
+ .dark, .dark-theme {
316
+ --amber-1: color(display-p3 0.082 0.07 0.05);
317
+ --amber-2: color(display-p3 0.111 0.094 0.064);
318
+ --amber-3: color(display-p3 0.178 0.128 0.049);
319
+ --amber-4: color(display-p3 0.239 0.156 0);
320
+ --amber-5: color(display-p3 0.29 0.193 0);
321
+ --amber-6: color(display-p3 0.344 0.245 0.076);
322
+ --amber-7: color(display-p3 0.422 0.314 0.141);
323
+ --amber-8: color(display-p3 0.535 0.399 0.189);
324
+ --amber-9: color(display-p3 1 0.77 0.26);
325
+ --amber-10: color(display-p3 1 0.87 0.15);
326
+ --amber-11: color(display-p3 1 0.8 0.29);
327
+ --amber-12: color(display-p3 0.984 0.909 0.726);
328
+ }
329
+ }
330
+ }
232
331
  :root, .light, .light-theme {
233
332
  --red-1: #fffcfc;
234
333
  --red-2: #fff7f7;
@@ -262,6 +361,39 @@
262
361
  }
263
362
  }
264
363
  }
364
+ .dark, .dark-theme {
365
+ --red-1: #191111;
366
+ --red-2: #201314;
367
+ --red-3: #3b1219;
368
+ --red-4: #500f1c;
369
+ --red-5: #611623;
370
+ --red-6: #72232d;
371
+ --red-7: #8c333a;
372
+ --red-8: #b54548;
373
+ --red-9: #e5484d;
374
+ --red-10: #ec5d5e;
375
+ --red-11: #ff9592;
376
+ --red-12: #ffd1d9;
377
+ }
378
+
379
+ @supports (color: color(display-p3 1 1 1)) {
380
+ @media (color-gamut: p3) {
381
+ .dark, .dark-theme {
382
+ --red-1: color(display-p3 0.093 0.068 0.067);
383
+ --red-2: color(display-p3 0.118 0.077 0.079);
384
+ --red-3: color(display-p3 0.211 0.081 0.099);
385
+ --red-4: color(display-p3 0.287 0.079 0.113);
386
+ --red-5: color(display-p3 0.348 0.11 0.142);
387
+ --red-6: color(display-p3 0.414 0.16 0.183);
388
+ --red-7: color(display-p3 0.508 0.224 0.236);
389
+ --red-8: color(display-p3 0.659 0.298 0.297);
390
+ --red-9: color(display-p3 0.83 0.329 0.324);
391
+ --red-10: color(display-p3 0.861 0.403 0.387);
392
+ --red-11: color(display-p3 1 0.57 0.55);
393
+ --red-12: color(display-p3 0.971 0.826 0.852);
394
+ }
395
+ }
396
+ }
265
397
 
266
398
  /** Code mirror */
267
399
 
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "*.css"
12
12
  ],
13
13
  "type": "module",
14
- "version": "4.2.3",
14
+ "version": "4.2.4",
15
15
  "description": "React component for rich text markdown editing",
16
16
  "scripts": {
17
17
  "build": "vite build",