@diplodoc/transform 4.63.7 → 4.64.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.
Files changed (55) hide show
  1. package/dist/css/_yfm-only.css +16 -16
  2. package/dist/css/_yfm-only.css.map +3 -3
  3. package/dist/css/_yfm-only.min.css +1 -1
  4. package/dist/css/_yfm-only.min.css.map +3 -3
  5. package/dist/css/base.css +37 -76
  6. package/dist/css/base.css.map +3 -3
  7. package/dist/css/base.min.css +1 -1
  8. package/dist/css/base.min.css.map +3 -3
  9. package/dist/css/print.css.map +1 -1
  10. package/dist/css/yfm.css +57 -96
  11. package/dist/css/yfm.css.map +3 -3
  12. package/dist/css/yfm.min.css +1 -1
  13. package/dist/css/yfm.min.css.map +3 -3
  14. package/dist/scss/_anchor.scss +76 -0
  15. package/dist/scss/_code.scss +57 -0
  16. package/dist/scss/_common.scss +433 -0
  17. package/dist/scss/_highlight.scss +80 -0
  18. package/dist/scss/_inline-code.scss +64 -0
  19. package/dist/scss/_katex.scss +6 -0
  20. package/dist/scss/_lists.scss +77 -0
  21. package/dist/scss/_modal.scss +127 -0
  22. package/dist/scss/_note.scss +75 -0
  23. package/dist/scss/_table.scss +81 -0
  24. package/dist/scss/_term.scss +84 -0
  25. package/dist/scss/_yfm-only.scss +13 -0
  26. package/dist/scss/base.scss +4 -0
  27. package/dist/scss/print/code.scss +9 -0
  28. package/dist/scss/print/common.scss +13 -0
  29. package/dist/scss/print/cut.scss +19 -0
  30. package/dist/scss/print/iframe.scss +5 -0
  31. package/dist/scss/print/note.scss +7 -0
  32. package/dist/scss/print/table.scss +24 -0
  33. package/dist/scss/print/tabs.scss +26 -0
  34. package/dist/scss/print/term.scss +10 -0
  35. package/dist/scss/print.scss +8 -0
  36. package/dist/scss/private.scss +51 -0
  37. package/dist/scss/yfm-base.scss +3 -0
  38. package/dist/scss/yfm.scss +5 -0
  39. package/lib/plugins/images/index.js +1 -1
  40. package/lib/plugins/images/index.js.map +1 -1
  41. package/package.json +1 -1
  42. package/src/scss/_anchor.scss +2 -2
  43. package/src/scss/_code.scss +4 -1
  44. package/src/scss/_common.scss +29 -19
  45. package/src/scss/_highlight.scss +10 -10
  46. package/src/scss/_inline-code.scss +8 -3
  47. package/src/scss/_modal.scss +10 -4
  48. package/src/scss/_note.scss +14 -4
  49. package/src/scss/_table.scss +5 -2
  50. package/src/scss/_term.scss +13 -5
  51. package/src/scss/private.scss +8 -3
  52. package/src/scss/yfm-base.scss +3 -0
  53. package/src/scss/yfm.scss +1 -3
  54. package/src/transform/plugins/images/index.ts +1 -1
  55. package/src/scss/brand.scss +0 -56
package/dist/css/yfm.css CHANGED
@@ -89,9 +89,7 @@
89
89
  --yfm-color-link-private: #027bf3;
90
90
  --yfm-color-link-hover-private: #004080;
91
91
  --yfm-color-base-private: #ffffff;
92
- --yfm-color-table-private: #333;
93
92
  --yfm-color-border-private: rgba(0, 0, 0, 0.07);
94
- --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
95
93
  --yfm-color-accent-private: #027bf3;
96
94
  --yfm-color-inline-code-private: rgba(59, 96, 128, 1);
97
95
  --yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
@@ -119,54 +117,17 @@
119
117
  --yfm-color-term-title-hover-private: #004080;
120
118
  --yfm-color-term-dfn-background-private: rgb(255, 255, 255);
121
119
  --yfm-color-term-dfn-shadow-private: rgba(0, 0, 0, 0.15);
122
- --yfm-color-term-dfn-presudo-shadow-private: rgb(229, 229, 229);
120
+ --yfm-color-term-dfn-pseudo-shadow-private: rgb(229, 229, 229);
123
121
  --yfm-color-modal-content-private: rgb(255, 255, 255);
124
122
  --yfm-color-modal-actions-hover-private: rgba(0, 0, 0, 0.05);
125
123
  --yfm-color-modal-wide-content-private: rgba(0, 0, 0, 0.85);
126
124
  --yfm-color-modal-wide-content-overlay-private: rgb(0, 0, 0);
127
- --yfm-color-base: var(--yfm-color-base-private);
128
- --yfm-color-text: var(--yfm-color-text-private);
129
- --yfm-color-link: var(--yfm-color-link-private);
130
- --yfm-color-link-hover: var(--yfm-color-link-hover-private);
131
- --yfm-color-border: var(--yfm-color-border-private);
132
- --yfm-color-accent: var(--yfm-color-accent-private);
133
- --yfm-color-inline-code: var(--yfm-color-inline-code-private);
134
- --yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
135
- --yfm-color-code-background: var(--yfm-color-code-background-private);
136
- --yfm-color-code-hovered-background: var(--yfm-color-code-hovered-background-private);
137
- --yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
138
- --yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);
139
- --yfm-color-hljs-comment: var(--yfm-color-hljs-comment-private);
140
- --yfm-color-hljs-deletion: var(--yfm-color-hljs-deletion-private);
141
- --yfm-color-hljs-section: var(--yfm-color-hljs-section-private);
142
- --yfm-color-hljs-pseudo: var(--yfm-color-hljs-pseudo-private);
143
- --yfm-color-hljs-literal: var(--yfm-color-hljs-literal-private);
144
- --yfm-color-hljs-addition: var(--yfm-color-hljs-addition-private);
145
- --yfm-color-hljs-meta: var(--yfm-color-hljs-meta-private);
146
- --yfm-color-hljs-meta-string: var(--yfm-color-hljs-meta-string-private);
147
- --yfm-color-note-tip: var(--yfm-color-note-tip-private);
148
- --yfm-color-note-tip-background: var(--yfm-color-note-tip-background-private);
149
- --yfm-color-note-warning: var(--yfm-color-note-warning-private);
150
- --yfm-color-note-warning-background: var(--yfm-color-note-warning-background-private);
151
- --yfm-color-note-important: var(--yfm-color-note-important-private);
152
- --yfm-color-note-important-background: var(--yfm-color-note-important-background-private);
153
- --yfm-color-note-info: var(--yfm-color-note-info-private);
154
- --yfm-color-note-info-background: var(--yfm-color-note-info-background-private);
155
- --yfm-color-term-title: var(--yfm-color-term-title-private);
156
- --yfm-color-term-title-hover: var(--yfm-color-term-title-hover-private);
157
- --yfm-color-term-dfn-background: var(--yfm-color-term-dfn-background-private);
158
- --yfm-color-term-dfn-shadow: var(--yfm-color-term-dfn-shadow-private);
159
- --yfm-color-term-dfn-pseudo-shadow: var(--yfm-color-term-dfn-presudo-shadow-private);
160
- --yfm-color-modal-content: var(--yfm-color-modal-content-private);
161
- --yfm-color-modal-actions-hover: var(--yfm-color-modal-actions-hover-private);
162
- --yfm-color-modal-wide-content: var(--yfm-color-modal-wide-content-private);
163
- --yfm-color-modal-wide-content-overlay: var(--yfm-color-modal-wide-content-overlay-private);
164
- --yfm-color-table: var(--yfm-color-table-private);
165
- --yfm-color-table-border: var(--yfm-color-border);
166
- --yfm-color-table-background: var(--yfm-color-base);
167
- --yfm-color-table-head-background: var(--yfm-color-table-row-background);
168
- --yfm-color-table-stripe-row-background: var(--yfm-color-table-row-background);
169
- --yfm-color-table-row-background: var(--yfm-color-table-row-background-private);
125
+ --yfm-color-table-private: #333;
126
+ --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
127
+ --yfm-color-table-border-private: rgba(0, 0, 0, 0.07);
128
+ --yfm-color-table-background-private: #ffffff;
129
+ --yfm-color-table-head-background-private: rgba(0, 0, 0, 0.02);
130
+ --yfm-color-table-stripe-row-background-private: rgba(0, 0, 0, 0.02);
170
131
  font-family:
171
132
  "Segoe UI",
172
133
  arial,
@@ -182,7 +143,7 @@
182
143
  line-height: var(--yfm-font-line-height, 20px);
183
144
  word-wrap: break-word;
184
145
  color: rgba(0, 0, 0, 0.7);
185
- color: var(--yfm-color-text);
146
+ color: var(--yfm-color-text, var(--yfm-color-text-private));
186
147
  -moz-tab-size: inherit;
187
148
  -o-tab-size: inherit;
188
149
  tab-size: inherit;
@@ -264,13 +225,13 @@
264
225
  }
265
226
  .yfm a {
266
227
  background-color: transparent;
267
- color: var(--yfm-color-link);
228
+ color: var(--yfm-color-link, var(--yfm-color-link-private));
268
229
  -webkit-text-decoration: none;
269
230
  text-decoration: none;
270
231
  }
271
232
  .yfm a:hover,
272
233
  .yfm a:active {
273
- color: var(--yfm-color-link-hover);
234
+ color: var(--yfm-color-link-hover, var(--yfm-color-link-hover-private));
274
235
  }
275
236
  .yfm a:not([href]) {
276
237
  color: inherit;
@@ -301,7 +262,7 @@
301
262
  .yfm img {
302
263
  -o-object-fit: contain;
303
264
  object-fit: contain;
304
- background-color: var(--yfm-color-base);
265
+ background-color: var(--yfm-color-base, var(--yfm-color-base-private));
305
266
  }
306
267
  .yfm svg {
307
268
  height: auto;
@@ -347,7 +308,7 @@
347
308
  padding: 0;
348
309
  }
349
310
  .yfm table {
350
- color: var(--yfm-color-table);
311
+ color: var(--yfm-color-table, var(--yfm-color-table-private));
351
312
  display: inline-block;
352
313
  max-width: 100%;
353
314
  width: auto;
@@ -355,14 +316,14 @@
355
316
  position: relative;
356
317
  z-index: 1;
357
318
  box-sizing: border-box;
358
- border: 1px solid var(--yfm-color-table-border);
319
+ border: 1px solid var(--yfm-color-table-border, var(--yfm-color-table-border-private));
359
320
  border-radius: 8px;
360
321
  border-collapse: collapse;
361
322
  border-spacing: 0;
362
- background: var(--yfm-color-table-background);
323
+ background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
363
324
  }
364
325
  .yfm table thead {
365
- background-color: var(--yfm-color-table-head-background);
326
+ background-color: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
366
327
  }
367
328
  .yfm table tr:first-child td,
368
329
  .yfm table tr:first-child th {
@@ -377,7 +338,7 @@
377
338
  padding: 10px 20px;
378
339
  overflow: hidden;
379
340
  text-overflow: ellipsis;
380
- border: 1px solid var(--yfm-color-table-border);
341
+ border: 1px solid var(--yfm-color-table-border, var(--yfm-color-table-border-private));
381
342
  }
382
343
  .yfm table th > *:first-child,
383
344
  .yfm table td > *:first-child {
@@ -404,7 +365,7 @@
404
365
  border-right: none;
405
366
  }
406
367
  .yfm:not(.yfm_no-stripe-table) table tr:nth-child(2n) {
407
- background-color: var(--yfm-color-table-stripe-row-background);
368
+ background-color: var(--yfm-color-table-stripe-row-background, var(--yfm-color-table-stripe-row-background-private));
408
369
  }
409
370
  .yfm hr {
410
371
  box-sizing: content-box;
@@ -412,7 +373,7 @@
412
373
  padding: 0;
413
374
  margin: 1.5em 0;
414
375
  overflow: hidden;
415
- background-color: var(--yfm-color-border);
376
+ background-color: var(--yfm-color-border, var(--yfm-color-border-private));
416
377
  border: none;
417
378
  }
418
379
  .yfm hr::before {
@@ -427,7 +388,7 @@
427
388
  .yfm blockquote {
428
389
  position: relative;
429
390
  padding-left: 12px;
430
- border-left: 3px solid var(--yfm-color-accent);
391
+ border-left: 3px solid var(--yfm-color-accent, var(--yfm-color-accent-private));
431
392
  }
432
393
  .yfm blockquote > *:first-child {
433
394
  margin-top: 0;
@@ -493,11 +454,11 @@
493
454
  }
494
455
  .yfm code {
495
456
  padding: 0.1em 0.4em 0.15em;
496
- background-color: var(--yfm-color-inline-code-background);
457
+ background-color: var(--yfm-color-inline-code-background, var(--yfm-color-inline-code-background-private));
497
458
  border-radius: 4px;
498
459
  font-size: 0.875em;
499
460
  white-space: pre-wrap;
500
- color: var(--yfm-color-inline-code);
461
+ color: var(--yfm-color-inline-code, var(--yfm-color-inline-code-private));
501
462
  -moz-tab-size: inherit;
502
463
  -o-tab-size: inherit;
503
464
  tab-size: inherit;
@@ -522,14 +483,14 @@
522
483
  word-wrap: normal;
523
484
  background-color: transparent;
524
485
  border: 0;
525
- color: var(--yfm-color-text);
486
+ color: var(--yfm-color-text, var(--yfm-color-text-private));
526
487
  }
527
488
  .yfm pre > code {
528
489
  display: block;
529
490
  padding: 16px;
530
491
  overflow: auto;
531
- background-color: var(--yfm-color-code-background);
532
- color: var(--yfm-color-text);
492
+ background-color: var(--yfm-color-code-background, var(--yfm-color-code-background-private));
493
+ color: var(--yfm-color-text, var(--yfm-color-text-private));
533
494
  white-space: pre;
534
495
  }
535
496
  .yfm pre > code .yfm-line-number {
@@ -567,7 +528,7 @@
567
528
  .yfm h5 .yfm-clipboard-anchor,
568
529
  .yfm h6 .yfm-clipboard-anchor {
569
530
  background: none;
570
- color: var(--yfm-color-link);
531
+ color: var(--yfm-color-link, var(--yfm-color-link-private));
571
532
  border: none;
572
533
  padding: 0;
573
534
  font: inherit;
@@ -579,7 +540,7 @@
579
540
  .yfm h4 .yfm-clipboard-anchor:hover,
580
541
  .yfm h5 .yfm-clipboard-anchor:hover,
581
542
  .yfm h6 .yfm-clipboard-anchor:hover {
582
- color: var(--yfm-color-link-hover);
543
+ color: var(--yfm-color-link-hover, var(--yfm-color-link-hover-private));
583
544
  }
584
545
  .yfm h1 .yfm-anchor,
585
546
  .yfm h1 .yfm-clipboard-anchor,
@@ -669,14 +630,14 @@
669
630
  display: block;
670
631
  overflow-x: auto;
671
632
  padding: 16px;
672
- background: var(--yfm-color-hljs-background);
633
+ background: var(--yfm-color-hljs-background, var(--yfm-color-hljs-background-private));
673
634
  }
674
635
  .yfm .hljs,
675
636
  .yfm .hljs-subst {
676
- color: var(--yfm-color-hljs-subst);
637
+ color: var(--yfm-color-hljs-subst, var(--yfm-color-hljs-subst-private));
677
638
  }
678
639
  .yfm .hljs-comment {
679
- color: var(--yfm-color-hljs-comment);
640
+ color: var(--yfm-color-hljs-comment, var(--yfm-color-hljs-comment-private));
680
641
  }
681
642
  .yfm .hljs-keyword,
682
643
  .yfm .hljs-attribute,
@@ -694,11 +655,11 @@
694
655
  .yfm .hljs-quote,
695
656
  .yfm .hljs-template-tag,
696
657
  .yfm .hljs-deletion {
697
- color: var(--yfm-color-hljs-deletion);
658
+ color: var(--yfm-color-hljs-deletion, var(--yfm-color-hljs-deletion-private));
698
659
  }
699
660
  .yfm .hljs-title,
700
661
  .yfm .hljs-section {
701
- color: var(--yfm-color-hljs-section);
662
+ color: var(--yfm-color-hljs-section, var(--yfm-color-hljs-section-private));
702
663
  font-weight: bold;
703
664
  }
704
665
  .yfm .hljs-regexp,
@@ -708,22 +669,22 @@
708
669
  .yfm .hljs-link,
709
670
  .yfm .hljs-selector-attr,
710
671
  .yfm .hljs-selector-pseudo {
711
- color: var(--yfm-color-hljs-pseudo);
672
+ color: var(--yfm-color-hljs-pseudo, var(--yfm-color-hljs-pseudo-private));
712
673
  }
713
674
  .yfm .hljs-literal {
714
- color: var(--yfm-color-hljs-literal);
675
+ color: var(--yfm-color-hljs-literal, var(--yfm-color-hljs-literal-private));
715
676
  }
716
677
  .yfm .hljs-built_in,
717
678
  .yfm .hljs-bullet,
718
679
  .yfm .hljs-code,
719
680
  .yfm .hljs-addition {
720
- color: var(--yfm-color-hljs-addition);
681
+ color: var(--yfm-color-hljs-addition, var(--yfm-color-hljs-addition-private));
721
682
  }
722
683
  .yfm .hljs-meta {
723
- color: var(--yfm-color-hljs-meta);
684
+ color: var(--yfm-color-hljs-meta, var(--yfm-color-hljs-meta-private));
724
685
  }
725
686
  .yfm .hljs-meta-string {
726
- color: var(--yfm-color-hljs-meta-string);
687
+ color: var(--yfm-color-hljs-meta-string, var(--yfm-color-hljs-meta-string-private));
727
688
  }
728
689
  .yfm .hljs-emphasis {
729
690
  font-style: italic;
@@ -769,7 +730,7 @@
769
730
  }
770
731
  .yfm-clipboard-inline-code:hover {
771
732
  cursor: pointer;
772
- background-color: var(--yfm-color-code-background-hovered-private);
733
+ background-color: var(--yfm-color-code-hovered-background, var(--yfm-color-code-background-hovered-private));
773
734
  }
774
735
  .yfm .yfm-note {
775
736
  max-width: 1296px;
@@ -809,16 +770,16 @@
809
770
  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
810
771
  }
811
772
  .yfm .yfm-note.yfm-accent-info {
812
- background: var(--yfm-color-note-info-background);
773
+ background: var(--yfm-color-note-info-background, var(--yfm-color-note-info-background-private));
813
774
  }
814
775
  .yfm .yfm-note.yfm-accent-tip {
815
- background: var(--yfm-color-note-tip-background);
776
+ background: var(--yfm-color-note-tip-background, var(--yfm-color-note-tip-background-private));
816
777
  }
817
778
  .yfm .yfm-note.yfm-accent-alert {
818
- background: var(--yfm-color-note-important-background);
779
+ background: var(--yfm-color-note-important-background, var(--yfm-color-note-important-background-private));
819
780
  }
820
781
  .yfm .yfm-note.yfm-accent-warning {
821
- background: var(--yfm-color-note-warning-background);
782
+ background: var(--yfm-color-note-warning-background, var(--yfm-color-note-warning-background-private));
822
783
  }
823
784
  .yfm .katex svg {
824
785
  height: inherit;
@@ -865,7 +826,7 @@
865
826
  .yfm table[sticky-header] thead td::before,
866
827
  .yfm table[sticky-header] thead th::before {
867
828
  content: "";
868
- background: var(--yfm-color-table-background);
829
+ background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
869
830
  position: absolute;
870
831
  inset: 0;
871
832
  z-index: -2;
@@ -873,7 +834,7 @@
873
834
  .yfm table[sticky-header] thead td::after,
874
835
  .yfm table[sticky-header] thead th::after {
875
836
  content: "";
876
- background: var(--yfm-color-table-head-background);
837
+ background: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
877
838
  position: absolute;
878
839
  inset: 0;
879
840
  z-index: -1;
@@ -896,7 +857,7 @@
896
857
  .yfm table[sticky-header]:not(:has(thead)) > tr:first-child td::before,
897
858
  .yfm table[sticky-header]:not(:has(thead)) > tr:first-child th::before {
898
859
  content: "";
899
- background: var(--yfm-color-table-background);
860
+ background: var(--yfm-color-table-background, var(--yfm-color-table-background-private));
900
861
  position: absolute;
901
862
  inset: 0;
902
863
  z-index: -2;
@@ -906,13 +867,13 @@
906
867
  .yfm table[sticky-header]:not(:has(thead)) > tr:first-child td::after,
907
868
  .yfm table[sticky-header]:not(:has(thead)) > tr:first-child th::after {
908
869
  content: "";
909
- background: var(--yfm-color-table-head-background);
870
+ background: var(--yfm-color-table-head-background, var(--yfm-color-table-head-background-private));
910
871
  position: absolute;
911
872
  inset: 0;
912
873
  z-index: -1;
913
874
  }
914
875
  .yfm-term_title {
915
- color: var(--yfm-color-term-title);
876
+ color: var(--yfm-color-term-title, var(--yfm-color-term-title-private));
916
877
  cursor: pointer;
917
878
  border-bottom: 1px dotted;
918
879
  font-size: inherit;
@@ -920,7 +881,7 @@
920
881
  font-style: normal;
921
882
  }
922
883
  .yfm-term_title:hover {
923
- color: var(--yfm-color-term-title-hover);
884
+ color: var(--yfm-color-term-title-hover, var(--yfm-color-term-title-hover-private));
924
885
  }
925
886
  .yfm-term_dfn {
926
887
  position: absolute;
@@ -928,12 +889,12 @@
928
889
  visibility: hidden;
929
890
  opacity: 0;
930
891
  padding: 10px;
931
- background-color: var(--yfm-color-term-dfn-background);
892
+ background-color: var(--yfm-color-term-dfn-background, var(--yfm-color-term-dfn-background-private));
932
893
  font-size: inherit;
933
894
  line-height: inherit;
934
895
  font-style: normal;
935
896
  border-radius: 4px;
936
- box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
897
+ box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow, var(--yfm-color-term-dfn-shadow-private));
937
898
  outline: none;
938
899
  width: -moz-fit-content;
939
900
  width: fit-content;
@@ -950,7 +911,7 @@
950
911
  z-index: -1;
951
912
  inset: 0;
952
913
  border-radius: inherit;
953
- box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
914
+ box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow, var(--yfm-color-term-dfn-pseudo-shadow-private));
954
915
  }
955
916
  .yfm-term_dfn.open {
956
917
  visibility: visible;
@@ -975,12 +936,12 @@
975
936
  display: none;
976
937
  opacity: 0;
977
938
  padding: 10px;
978
- background-color: var(--yfm-color-term-dfn-background);
939
+ background-color: var(--yfm-color-term-dfn-background, var(--yfm-color-term-dfn-background-private));
979
940
  font-size: inherit;
980
941
  line-height: inherit;
981
942
  font-style: normal;
982
943
  border-radius: 4px;
983
- box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
944
+ box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow, var(--yfm-color-term-dfn-shadow-private));
984
945
  outline: none;
985
946
  width: -moz-fit-content;
986
947
  width: fit-content;
@@ -997,7 +958,7 @@
997
958
  z-index: -1;
998
959
  inset: 0;
999
960
  border-radius: inherit;
1000
- box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
961
+ box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow, var(--yfm-color-term-dfn-pseudo-shadow-private));
1001
962
  }
1002
963
  .inline_code_tooltip.open {
1003
964
  display: block;
@@ -1035,7 +996,7 @@
1035
996
  }
1036
997
  .wide-container .wide-content-wrapper {
1037
998
  z-index: 200;
1038
- background-color: var(--yfm-color-modal-content);
999
+ background-color: var(--yfm-color-modal-content, var(--yfm-color-modal-content-private));
1039
1000
  height: 90vh;
1040
1001
  width: 70vw;
1041
1002
  border-radius: 10px;
@@ -1079,7 +1040,7 @@
1079
1040
  transition: background 300ms;
1080
1041
  }
1081
1042
  .wide-container .wide-content-wrapper .wide-actions .close-action:hover {
1082
- background: var(--yfm-color-modal-actions-hover);
1043
+ background: var(--yfm-color-modal-actions-hover, var(--yfm-color-modal-actions-hover-private));
1083
1044
  }
1084
1045
  .wide-element-wrapper {
1085
1046
  display: flex;
@@ -1099,7 +1060,7 @@
1099
1060
  z-index: 100;
1100
1061
  padding: 6px;
1101
1062
  box-sizing: content-box;
1102
- color: var(--yfm-color-modal-wide-content);
1063
+ color: var(--yfm-color-modal-wide-content, var(--yfm-color-modal-wide-content-private));
1103
1064
  cursor: pointer;
1104
1065
  }
1105
1066
  .wide-content-viewer > svg {
@@ -1113,7 +1074,7 @@
1113
1074
  position: fixed;
1114
1075
  top: 0;
1115
1076
  left: 0;
1116
- background-color: var(--yfm-color-modal-wide-content-overlay);
1077
+ background-color: var(--yfm-color-modal-wide-content-overlay, var(--yfm-color-modal-wide-content-overlay-private));
1117
1078
  opacity: 0.6;
1118
1079
  }
1119
1080
  details.yfm-cut > .yfm-cut-content {