|
5 | 5 | -ms-text-size-adjust: 100%;
|
6 | 6 | -webkit-text-size-adjust: 100%;
|
7 | 7 | margin: 0;
|
8 |
| - color: #e6edf3; |
9 |
| - background-color: #0d1117; |
| 8 | + color: var(--fgColor-default, var(--color-fg-default)); |
| 9 | + background-color: var(--bgColor-default, var(--color-canvas-default)); |
10 | 10 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
|
11 | 11 | font-size: 16px;
|
12 | 12 | line-height: 1.5;
|
|
50 | 50 |
|
51 | 51 | .markdown-body a {
|
52 | 52 | background-color: transparent;
|
53 |
| - color: #2f81f7; |
| 53 | + color: var(--fgColor-accent, var(--color-accent-fg)); |
54 | 54 | text-decoration: none;
|
55 | 55 | }
|
56 | 56 |
|
|
73 | 73 | font-weight: 600;
|
74 | 74 | padding-bottom: .3em;
|
75 | 75 | font-size: 2em;
|
76 |
| - border-bottom: 1px solid #21262d; |
| 76 | + border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted)); |
77 | 77 | }
|
78 | 78 |
|
79 | 79 | .markdown-body mark {
|
80 |
| - background-color: rgba(187,128,9,0.15); |
81 |
| - color: #e6edf3; |
| 80 | + background-color: var(--bgColor-attention-muted, var(--color-attention-subtle)); |
| 81 | + color: var(--fgColor-default, var(--color-fg-default)); |
82 | 82 | }
|
83 | 83 |
|
84 | 84 | .markdown-body small {
|
|
105 | 105 | border-style: none;
|
106 | 106 | max-width: 100%;
|
107 | 107 | box-sizing: content-box;
|
108 |
| - background-color: #0d1117; |
| 108 | + background-color: var(--bgColor-default, var(--color-canvas-default)); |
109 | 109 | }
|
110 | 110 |
|
111 | 111 | .markdown-body code,
|
|
124 | 124 | box-sizing: content-box;
|
125 | 125 | overflow: hidden;
|
126 | 126 | background: transparent;
|
127 |
| - border-bottom: 1px solid #21262d; |
| 127 | + border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted)); |
128 | 128 | height: .25em;
|
129 | 129 | padding: 0;
|
130 | 130 | margin: 24px 0;
|
131 |
| - background-color: #30363d; |
| 131 | + background-color: var(--borderColor-default, var(--color-border-default)); |
132 | 132 | border: 0;
|
133 | 133 | }
|
134 | 134 |
|
|
178 | 178 | }
|
179 | 179 |
|
180 | 180 | .markdown-body ::placeholder {
|
181 |
| - color: #6e7681; |
| 181 | + color: var(--fgColor-muted, var(--color-fg-subtle)); |
182 | 182 | opacity: 1;
|
183 | 183 | }
|
184 | 184 |
|
|
219 | 219 | .markdown-body [role=button]:focus,
|
220 | 220 | .markdown-body input[type=radio]:focus,
|
221 | 221 | .markdown-body input[type=checkbox]:focus {
|
222 |
| - outline: 2px solid #2f81f7; |
| 222 | + outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg)); |
223 | 223 | outline-offset: -2px;
|
224 | 224 | box-shadow: none;
|
225 | 225 | }
|
|
235 | 235 | .markdown-body [role=button]:focus-visible,
|
236 | 236 | .markdown-body input[type=radio]:focus-visible,
|
237 | 237 | .markdown-body input[type=checkbox]:focus-visible {
|
238 |
| - outline: 2px solid #2f81f7; |
| 238 | + outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg)); |
239 | 239 | outline-offset: -2px;
|
240 | 240 | box-shadow: none;
|
241 | 241 | }
|
|
254 | 254 | padding: 3px 5px;
|
255 | 255 | font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
|
256 | 256 | line-height: 10px;
|
257 |
| - color: #e6edf3; |
| 257 | + color: var(--fgColor-default, var(--color-fg-default)); |
258 | 258 | vertical-align: middle;
|
259 |
| - background-color: #161b22; |
260 |
| - border: solid 1px rgba(110,118,129,0.4); |
261 |
| - border-bottom-color: rgba(110,118,129,0.4); |
| 259 | + background-color: var(--bgColor-muted, var(--color-canvas-subtle)); |
| 260 | + border: solid 1px var(--borderColor-neutral-muted, var(--color-neutral-muted)); |
| 261 | + border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted)); |
262 | 262 | border-radius: 6px;
|
263 |
| - box-shadow: inset 0 -1px 0 rgba(110,118,129,0.4); |
| 263 | + box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted)); |
264 | 264 | }
|
265 | 265 |
|
266 | 266 | .markdown-body h1,
|
|
279 | 279 | font-weight: 600;
|
280 | 280 | padding-bottom: .3em;
|
281 | 281 | font-size: 1.5em;
|
282 |
| - border-bottom: 1px solid #21262d; |
| 282 | + border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted)); |
283 | 283 | }
|
284 | 284 |
|
285 | 285 | .markdown-body h3 {
|
|
300 | 300 | .markdown-body h6 {
|
301 | 301 | font-weight: 600;
|
302 | 302 | font-size: .85em;
|
303 |
| - color: #7d8590; |
| 303 | + color: var(--fgColor-muted, var(--color-fg-muted)); |
304 | 304 | }
|
305 | 305 |
|
306 | 306 | .markdown-body p {
|
|
311 | 311 | .markdown-body blockquote {
|
312 | 312 | margin: 0;
|
313 | 313 | padding: 0 1em;
|
314 |
| - color: #7d8590; |
315 |
| - border-left: .25em solid #30363d; |
| 314 | + color: var(--fgColor-muted, var(--color-fg-muted)); |
| 315 | + border-left: .25em solid var(--borderColor-default, var(--color-border-default)); |
316 | 316 | }
|
317 | 317 |
|
318 | 318 | .markdown-body ul,
|
|
392 | 392 | }
|
393 | 393 |
|
394 | 394 | .markdown-body .absent {
|
395 |
| - color: #f85149; |
| 395 | + color: var(--fgColor-danger, var(--color-danger-fg)); |
396 | 396 | }
|
397 | 397 |
|
398 | 398 | .markdown-body .anchor {
|
|
432 | 432 | .markdown-body h4 .octicon-link,
|
433 | 433 | .markdown-body h5 .octicon-link,
|
434 | 434 | .markdown-body h6 .octicon-link {
|
435 |
| - color: #e6edf3; |
| 435 | + color: var(--fgColor-default, var(--color-fg-default)); |
436 | 436 | vertical-align: middle;
|
437 | 437 | visibility: hidden;
|
438 | 438 | }
|
|
565 | 565 | .markdown-body table th,
|
566 | 566 | .markdown-body table td {
|
567 | 567 | padding: 6px 13px;
|
568 |
| - border: 1px solid #30363d; |
| 568 | + border: 1px solid var(--borderColor-default, var(--color-border-default)); |
569 | 569 | }
|
570 | 570 |
|
571 | 571 | .markdown-body table td>:last-child {
|
572 | 572 | margin-bottom: 0;
|
573 | 573 | }
|
574 | 574 |
|
575 | 575 | .markdown-body table tr {
|
576 |
| - background-color: #0d1117; |
577 |
| - border-top: 1px solid #21262d; |
| 576 | + background-color: var(--bgColor-default, var(--color-canvas-default)); |
| 577 | + border-top: 1px solid var(--borderColor-muted, var(--color-border-muted)); |
578 | 578 | }
|
579 | 579 |
|
580 | 580 | .markdown-body table tr:nth-child(2n) {
|
581 |
| - background-color: #161b22; |
| 581 | + background-color: var(--bgColor-muted, var(--color-canvas-subtle)); |
582 | 582 | }
|
583 | 583 |
|
584 | 584 | .markdown-body table img {
|
|
611 | 611 | padding: 7px;
|
612 | 612 | margin: 13px 0 0;
|
613 | 613 | overflow: hidden;
|
614 |
| - border: 1px solid #30363d; |
| 614 | + border: 1px solid var(--borderColor-default, var(--color-border-default)); |
615 | 615 | }
|
616 | 616 |
|
617 | 617 | .markdown-body span.frame span img {
|
|
623 | 623 | display: block;
|
624 | 624 | padding: 5px 0 0;
|
625 | 625 | clear: both;
|
626 |
| - color: #e6edf3; |
| 626 | + color: var(--fgColor-default, var(--color-fg-default)); |
627 | 627 | }
|
628 | 628 |
|
629 | 629 | .markdown-body span.align-center {
|
|
693 | 693 | margin: 0;
|
694 | 694 | font-size: 85%;
|
695 | 695 | white-space: break-spaces;
|
696 |
| - background-color: rgba(110,118,129,0.4); |
| 696 | + background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted)); |
697 | 697 | border-radius: 6px;
|
698 | 698 | }
|
699 | 699 |
|
|
738 | 738 | overflow: auto;
|
739 | 739 | font-size: 85%;
|
740 | 740 | line-height: 1.45;
|
741 |
| - color: #e6edf3; |
742 |
| - background-color: #161b22; |
| 741 | + color: var(--fgColor-default, var(--color-fg-default)); |
| 742 | + background-color: var(--bgColor-muted, var(--color-canvas-subtle)); |
743 | 743 | border-radius: 6px;
|
744 | 744 | }
|
745 | 745 |
|
|
769 | 769 | .markdown-body .csv-data .blob-num {
|
770 | 770 | padding: 10px 8px 9px;
|
771 | 771 | text-align: right;
|
772 |
| - background: #0d1117; |
| 772 | + background: var(--bgColor-default, var(--color-canvas-default)); |
773 | 773 | border: 0;
|
774 | 774 | }
|
775 | 775 |
|
|
779 | 779 |
|
780 | 780 | .markdown-body .csv-data th {
|
781 | 781 | font-weight: 600;
|
782 |
| - background: #161b22; |
| 782 | + background: var(--bgColor-muted, var(--color-canvas-subtle)); |
783 | 783 | border-top: 0;
|
784 | 784 | }
|
785 | 785 |
|
|
793 | 793 |
|
794 | 794 | .markdown-body .footnotes {
|
795 | 795 | font-size: 12px;
|
796 |
| - color: #7d8590; |
797 |
| - border-top: 1px solid #30363d; |
| 796 | + color: var(--fgColor-muted, var(--color-fg-muted)); |
| 797 | + border-top: 1px solid var(--borderColor-default, var(--color-border-default)); |
798 | 798 | }
|
799 | 799 |
|
800 | 800 | .markdown-body .footnotes ol {
|
|
819 | 819 | left: -24px;
|
820 | 820 | pointer-events: none;
|
821 | 821 | content: "";
|
822 |
| - border: 2px solid #1f6feb; |
| 822 | + border: 2px solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis)); |
823 | 823 | border-radius: 6px;
|
824 | 824 | }
|
825 | 825 |
|
826 | 826 | .markdown-body .footnotes li:target {
|
827 |
| - color: #e6edf3; |
| 827 | + color: var(--fgColor-default, var(--color-fg-default)); |
828 | 828 | }
|
829 | 829 |
|
830 | 830 | .markdown-body .footnotes .data-footnote-backref g-emoji {
|
|
0 commit comments