diff --git a/.github/funding.yml b/.github/funding.yml deleted file mode 100644 index bb3241e..0000000 --- a/.github/funding.yml +++ /dev/null @@ -1,4 +0,0 @@ -github: sindresorhus -open_collective: sindresorhus -tidelift: npm/github-markdown-css -custom: https://sindresorhus.com/donate diff --git a/github-markdown-dark.css b/github-markdown-dark.css index 43dedc0..a5a7343 100644 --- a/github-markdown-dark.css +++ b/github-markdown-dark.css @@ -1,11 +1,12 @@ +/* dark */ .markdown-body { color-scheme: dark; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; - color: #c9d1d9; + color: #f0f6fc; background-color: #0d1117; - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; line-height: 1.5; word-wrap: break-word; @@ -48,17 +49,13 @@ .markdown-body a { background-color: transparent; - color: #58a6ff; + color: #4493f8; text-decoration: none; } -.markdown-body a:active, -.markdown-body a:hover { - outline-width: 0; -} - .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -76,12 +73,12 @@ font-weight: 600; padding-bottom: .3em; font-size: 2em; - border-bottom: 1px solid #21262d; + border-bottom: 1px solid #3d444db3; } .markdown-body mark { - background-color: rgba(187,128,9,0.15); - color: #c9d1d9; + background-color: #bb800926; + color: #f0f6fc; } .markdown-body small { @@ -108,30 +105,29 @@ border-style: none; max-width: 100%; box-sizing: content-box; - background-color: #0d1117; } .markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp { - font-family: monospace,monospace; + font-family: monospace; font-size: 1em; } .markdown-body figure { - margin: 1em 40px; + margin: 1em 2.5rem; } .markdown-body hr { box-sizing: content-box; overflow: hidden; background: transparent; - border-bottom: 1px solid #21262d; + border-bottom: 1px solid #3d444db3; height: .25em; padding: 0; - margin: 24px 0; - background-color: #30363d; + margin: 1.5rem 0; + background-color: #3d444d; border: 0; } @@ -148,19 +144,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; -} - -.markdown-body [type=button]::-moz-focus-inner, -.markdown-body [type=reset]::-moz-focus-inner, -.markdown-body [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.markdown-body [type=button]:-moz-focusring, -.markdown-body [type=reset]:-moz-focusring, -.markdown-body [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + appearance: button; } .markdown-body [type=checkbox], @@ -174,14 +158,10 @@ height: auto; } -.markdown-body [type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - .markdown-body [type=search]::-webkit-search-cancel-button, .markdown-body [type=search]::-webkit-search-decoration { -webkit-appearance: none; + appearance: none; } .markdown-body ::-webkit-input-placeholder { @@ -191,6 +171,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -198,6 +179,11 @@ text-decoration: underline; } +.markdown-body ::placeholder { + color: #9198a1; + opacity: 1; +} + .markdown-body hr::before { display: table; content: ""; @@ -216,6 +202,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -227,22 +214,52 @@ cursor: pointer; } -.markdown-body details:not([open])>*:not(summary) { - display: none !important; +.markdown-body a:focus, +.markdown-body [role=button]:focus, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=checkbox]:focus { + outline: 2px solid #1f6feb; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:focus:not(:focus-visible), +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body input[type=radio]:focus:not(:focus-visible), +.markdown-body input[type=checkbox]:focus:not(:focus-visible) { + outline: solid 1px transparent; +} + +.markdown-body a:focus-visible, +.markdown-body [role=button]:focus-visible, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus-visible { + outline: 2px solid #1f6feb; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:not([class]):focus, +.markdown-body a:not([class]):focus-visible, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus, +.markdown-body input[type=checkbox]:focus-visible { + outline-offset: 0; } .markdown-body kbd { display: inline-block; - padding: 3px 5px; - font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + padding: 0.25rem; + font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; - color: #c9d1d9; + color: #f0f6fc; vertical-align: middle; - background-color: #161b22; - border: solid 1px rgba(110,118,129,0.4); - border-bottom-color: rgba(110,118,129,0.4); + background-color: #151b23; + border: solid 1px #3d444db3; + border-bottom-color: #3d444db3; border-radius: 6px; - box-shadow: inset 0 -1px 0 rgba(110,118,129,0.4); + box-shadow: inset 0 -1px 0 #3d444db3; } .markdown-body h1, @@ -251,8 +268,8 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; - margin-bottom: 16px; + margin-top: 1.5rem; + margin-bottom: 1rem; font-weight: 600; line-height: 1.25; } @@ -261,7 +278,7 @@ font-weight: 600; padding-bottom: .3em; font-size: 1.5em; - border-bottom: 1px solid #21262d; + border-bottom: 1px solid #3d444db3; } .markdown-body h3 { @@ -282,7 +299,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #8b949e; + color: #9198a1; } .markdown-body p { @@ -293,8 +310,8 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #8b949e; - border-left: .25em solid #30363d; + color: #9198a1; + border-left: .25em solid #3d444d; } .markdown-body ul, @@ -321,15 +338,16 @@ } .markdown-body tt, -.markdown-body code { - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; +.markdown-body code, +.markdown-body samp { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; word-wrap: normal; } @@ -341,154 +359,14 @@ fill: currentColor; } -.markdown-body ::placeholder { - color: #484f58; - opacity: 1; -} - .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } -.markdown-body .pl-c { - color: #8b949e; -} - -.markdown-body .pl-c1, -.markdown-body .pl-s .pl-v { - color: #79c0ff; -} - -.markdown-body .pl-e, -.markdown-body .pl-en { - color: #d2a8ff; -} - -.markdown-body .pl-smi, -.markdown-body .pl-s .pl-s1 { - color: #c9d1d9; -} - -.markdown-body .pl-ent { - color: #7ee787; -} - -.markdown-body .pl-k { - color: #ff7b72; -} - -.markdown-body .pl-s, -.markdown-body .pl-pds, -.markdown-body .pl-s .pl-pse .pl-s1, -.markdown-body .pl-sr, -.markdown-body .pl-sr .pl-cce, -.markdown-body .pl-sr .pl-sre, -.markdown-body .pl-sr .pl-sra { - color: #a5d6ff; -} - -.markdown-body .pl-v, -.markdown-body .pl-smw { - color: #ffa657; -} - -.markdown-body .pl-bu { - color: #f85149; -} - -.markdown-body .pl-ii { - color: #f0f6fc; - background-color: #8e1519; -} - -.markdown-body .pl-c2 { - color: #f0f6fc; - background-color: #b62324; -} - -.markdown-body .pl-sr .pl-cce { - font-weight: bold; - color: #7ee787; -} - -.markdown-body .pl-ml { - color: #f2cc60; -} - -.markdown-body .pl-mh, -.markdown-body .pl-mh .pl-en, -.markdown-body .pl-ms { - font-weight: bold; - color: #1f6feb; -} - -.markdown-body .pl-mi { - font-style: italic; - color: #c9d1d9; -} - -.markdown-body .pl-mb { - font-weight: bold; - color: #c9d1d9; -} - -.markdown-body .pl-md { - color: #ffdcd7; - background-color: #67060c; -} - -.markdown-body .pl-mi1 { - color: #aff5b4; - background-color: #033a16; -} - -.markdown-body .pl-mc { - color: #ffdfb6; - background-color: #5a1e02; -} - -.markdown-body .pl-mi2 { - color: #c9d1d9; - background-color: #1158c7; -} - -.markdown-body .pl-mdr { - font-weight: bold; - color: #d2a8ff; -} - -.markdown-body .pl-ba { - color: #8b949e; -} - -.markdown-body .pl-sg { - color: #484f58; -} - -.markdown-body .pl-corl { - text-decoration: underline; - color: #a5d6ff; -} - -.markdown-body [data-catalyst] { - display: block; -} - -.markdown-body g-emoji { - font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - font-size: 1em; - font-style: normal !important; - font-weight: 400; - line-height: 1; - vertical-align: -0.075em; -} - -.markdown-body g-emoji img { - width: 1em; - height: 1em; +.markdown-body .mr-2 { + margin-right: 0.5rem !important; } .markdown-body::before { @@ -521,7 +399,7 @@ .markdown-body .anchor { float: left; - padding-right: 4px; + padding-right: 0.25rem; margin-left: -20px; line-height: 1; } @@ -539,7 +417,7 @@ .markdown-body pre, .markdown-body details { margin-top: 0; - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body blockquote>:first-child { @@ -550,21 +428,13 @@ margin-bottom: 0; } -.markdown-body sup>a::before { - content: "["; -} - -.markdown-body sup>a::after { - content: "]"; -} - .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - color: #c9d1d9; + color: #f0f6fc; vertical-align: middle; visibility: hidden; } @@ -603,24 +473,56 @@ font-size: inherit; } +.markdown-body summary h1, +.markdown-body summary h2, +.markdown-body summary h3, +.markdown-body summary h4, +.markdown-body summary h5, +.markdown-body summary h6 { + display: inline-block; +} + +.markdown-body summary h1 .anchor, +.markdown-body summary h2 .anchor, +.markdown-body summary h3 .anchor, +.markdown-body summary h4 .anchor, +.markdown-body summary h5 .anchor, +.markdown-body summary h6 .anchor { + margin-left: -40px; +} + +.markdown-body summary h1, +.markdown-body summary h2 { + padding-bottom: 0; + border-bottom: 0; +} + .markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; } -.markdown-body ol[type="1"] { - list-style-type: decimal; +.markdown-body ol[type="a s"] { + list-style-type: lower-alpha; } -.markdown-body ol[type=a] { - list-style-type: lower-alpha; +.markdown-body ol[type="A s"] { + list-style-type: upper-alpha; } -.markdown-body ol[type=i] { +.markdown-body ol[type="i s"] { list-style-type: lower-roman; } +.markdown-body ol[type="I s"] { + list-style-type: upper-roman; +} + +.markdown-body ol[type="1"] { + list-style-type: decimal; +} + .markdown-body div>ol:not([type]) { list-style-type: decimal; } @@ -634,7 +536,7 @@ } .markdown-body li>p { - margin-top: 16px; + margin-top: 1rem; } .markdown-body li+li { @@ -647,15 +549,15 @@ .markdown-body dl dt { padding: 0; - margin-top: 16px; + margin-top: 1rem; font-size: 1em; font-style: italic; font-weight: 600; } .markdown-body dl dd { - padding: 0 16px; - margin-bottom: 16px; + padding: 0 1rem; + margin-bottom: 1rem; } .markdown-body table th { @@ -665,16 +567,20 @@ .markdown-body table th, .markdown-body table td { padding: 6px 13px; - border: 1px solid #30363d; + border: 1px solid #3d444d; +} + +.markdown-body table td>:last-child { + margin-bottom: 0; } .markdown-body table tr { background-color: #0d1117; - border-top: 1px solid #21262d; + border-top: 1px solid #3d444db3; } .markdown-body table tr:nth-child(2n) { - background-color: #161b22; + background-color: #151b23; } .markdown-body table img { @@ -707,7 +613,7 @@ padding: 7px; margin: 13px 0 0; overflow: hidden; - border: 1px solid #30363d; + border: 1px solid #3d444d; } .markdown-body span.frame span img { @@ -719,7 +625,7 @@ display: block; padding: 5px 0 0; clear: both; - color: #c9d1d9; + color: #f0f6fc; } .markdown-body span.align-center { @@ -788,7 +694,8 @@ padding: .2em .4em; margin: 0; font-size: 85%; - background-color: rgba(110,118,129,0.4); + white-space: break-spaces; + background-color: #656c7633; border-radius: 6px; } @@ -801,6 +708,10 @@ text-decoration: inherit; } +.markdown-body samp { + font-size: 85%; +} + .markdown-body pre code { font-size: 100%; } @@ -815,7 +726,7 @@ } .markdown-body .highlight { - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body .highlight pre { @@ -825,11 +736,12 @@ .markdown-body .highlight pre, .markdown-body pre { - padding: 16px; + padding: 1rem; overflow: auto; font-size: 85%; line-height: 1.45; - background-color: #161b22; + color: #f0f6fc; + background-color: #151b23; border-radius: 6px; } @@ -857,7 +769,7 @@ } .markdown-body .csv-data .blob-num { - padding: 10px 8px 9px; + padding: 10px 0.5rem 9px; text-align: right; background: #0d1117; border: 0; @@ -869,18 +781,32 @@ .markdown-body .csv-data th { font-weight: 600; - background: #161b22; + background: #151b23; border-top: 0; } +.markdown-body [data-footnote-ref]::before { + content: "["; +} + +.markdown-body [data-footnote-ref]::after { + content: "]"; +} + .markdown-body .footnotes { font-size: 12px; - color: #8b949e; - border-top: 1px solid #30363d; + color: #9198a1; + border-top: 1px solid #3d444d; } .markdown-body .footnotes ol { - padding-left: 16px; + padding-left: 1rem; +} + +.markdown-body .footnotes ol ul { + display: inline-block; + padding-left: 1rem; + margin-top: 1rem; } .markdown-body .footnotes li { @@ -889,10 +815,10 @@ .markdown-body .footnotes li:target::before { position: absolute; - top: -8px; - right: -8px; - bottom: -8px; - left: -24px; + top: calc(0.5rem*-1); + right: calc(0.5rem*-1); + bottom: calc(0.5rem*-1); + left: calc(1.5rem*-1); pointer-events: none; content: ""; border: 2px solid #1f6feb; @@ -900,13 +826,167 @@ } .markdown-body .footnotes li:target { - color: #c9d1d9; + color: #f0f6fc; } .markdown-body .footnotes .data-footnote-backref g-emoji { font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + +.markdown-body .pl-c { + color: #9198a1; +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #79c0ff; +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #d2a8ff; +} + +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: #f0f6fc; +} + +.markdown-body .pl-ent { + color: #7ee787; +} + +.markdown-body .pl-k { + color: #ff7b72; +} + +.markdown-body .pl-s, +.markdown-body .pl-pds, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: #a5d6ff; +} + +.markdown-body .pl-v, +.markdown-body .pl-smw { + color: #ffa657; +} + +.markdown-body .pl-bu { + color: #f85149; +} + +.markdown-body .pl-ii { + color: #f0f6fc; + background-color: #8e1519; +} + +.markdown-body .pl-c2 { + color: #f0f6fc; + background-color: #b62324; +} + +.markdown-body .pl-sr .pl-cce { + font-weight: bold; + color: #7ee787; +} + +.markdown-body .pl-ml { + color: #f2cc60; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + font-weight: bold; + color: #1f6feb; +} + +.markdown-body .pl-mi { + font-style: italic; + color: #f0f6fc; +} + +.markdown-body .pl-mb { + font-weight: bold; + color: #f0f6fc; +} + +.markdown-body .pl-md { + color: #ffdcd7; + background-color: #67060c; +} + +.markdown-body .pl-mi1 { + color: #aff5b4; + background-color: #033a16; +} + +.markdown-body .pl-mc { + color: #ffdfb6; + background-color: #5a1e02; +} + +.markdown-body .pl-mi2 { + color: #f0f6fc; + background-color: #1158c7; +} + +.markdown-body .pl-mdr { + font-weight: bold; + color: #d2a8ff; +} + +.markdown-body .pl-ba { + color: #9198a1; +} + +.markdown-body .pl-sg { + color: #3d444d; +} + +.markdown-body .pl-corl { + text-decoration: underline; + color: #a5d6ff; +} + +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible), +.markdown-body button:focus:not(:focus-visible), +.markdown-body summary:focus:not(:focus-visible), +.markdown-body a:focus:not(:focus-visible) { + outline: none; + box-shadow: none; +} + +.markdown-body [tabindex="0"]:focus:not(:focus-visible), +.markdown-body details-dialog:focus:not(:focus-visible) { + outline: none; +} + +.markdown-body g-emoji { + display: inline-block; + min-width: 1ch; + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: 400; + line-height: 1; + vertical-align: -0.075em; +} + +.markdown-body g-emoji img { + width: 1em; + height: 1em; +} + .markdown-body .task-list-item { list-style-type: none; } @@ -920,7 +1000,7 @@ } .markdown-body .task-list-item+.task-list-item { - margin-top: 3px; + margin-top: 0.25rem; } .markdown-body .task-list-item .handle { @@ -928,14 +1008,98 @@ } .markdown-body .task-list-item-checkbox { - margin: 0 .2em .25em -1.6em; + margin: 0 .2em .25em -1.4em; vertical-align: middle; } -.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { +.markdown-body ul:dir(rtl) .task-list-item-checkbox { margin: 0 -1.6em .25em .2em; } +.markdown-body ol:dir(rtl) .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; +} + +.markdown-body .contains-task-list:hover .task-list-item-convert-container, +.markdown-body .contains-task-list:focus-within .task-list-item-convert-container { + display: block; + width: auto; + height: 24px; + overflow: visible; + clip: auto; +} + .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } + +.markdown-body .markdown-alert { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + color: inherit; + border-left: .25em solid #3d444d; +} + +.markdown-body .markdown-alert>:first-child { + margin-top: 0; +} + +.markdown-body .markdown-alert>:last-child { + margin-bottom: 0; +} + +.markdown-body .markdown-alert .markdown-alert-title { + display: flex; + font-weight: 500; + align-items: center; + line-height: 1; +} + +.markdown-body .markdown-alert.markdown-alert-note { + border-left-color: #1f6feb; +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: #4493f8; +} + +.markdown-body .markdown-alert.markdown-alert-important { + border-left-color: #8957e5; +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: #ab7df8; +} + +.markdown-body .markdown-alert.markdown-alert-warning { + border-left-color: #9e6a03; +} + +.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { + color: #d29922; +} + +.markdown-body .markdown-alert.markdown-alert-tip { + border-left-color: #238636; +} + +.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { + color: #3fb950; +} + +.markdown-body .markdown-alert.markdown-alert-caution { + border-left-color: #da3633; +} + +.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { + color: #f85149; +} + +.markdown-body>*:first-child>.heading-element:first-child { + margin-top: 0 !important; +} + +.markdown-body .highlight pre:has(+.zeroclipboard-container) { + min-height: 52px; +} + diff --git a/github-markdown-light.css b/github-markdown-light.css index 15e3530..ce0861d 100644 --- a/github-markdown-light.css +++ b/github-markdown-light.css @@ -1,10 +1,12 @@ +/* light */ .markdown-body { + color-scheme: light; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; - color: #24292f; + color: #1f2328; background-color: #ffffff; - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; line-height: 1.5; word-wrap: break-word; @@ -51,13 +53,9 @@ text-decoration: none; } -.markdown-body a:active, -.markdown-body a:hover { - outline-width: 0; -} - .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -75,12 +73,12 @@ font-weight: 600; padding-bottom: .3em; font-size: 2em; - border-bottom: 1px solid hsla(210,18%,87%,1); + border-bottom: 1px solid #d1d9e0b3; } .markdown-body mark { background-color: #fff8c5; - color: #24292f; + color: #1f2328; } .markdown-body small { @@ -107,30 +105,29 @@ border-style: none; max-width: 100%; box-sizing: content-box; - background-color: #ffffff; } .markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp { - font-family: monospace,monospace; + font-family: monospace; font-size: 1em; } .markdown-body figure { - margin: 1em 40px; + margin: 1em 2.5rem; } .markdown-body hr { box-sizing: content-box; overflow: hidden; background: transparent; - border-bottom: 1px solid hsla(210,18%,87%,1); + border-bottom: 1px solid #d1d9e0b3; height: .25em; padding: 0; - margin: 24px 0; - background-color: #d0d7de; + margin: 1.5rem 0; + background-color: #d1d9e0; border: 0; } @@ -147,19 +144,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; -} - -.markdown-body [type=button]::-moz-focus-inner, -.markdown-body [type=reset]::-moz-focus-inner, -.markdown-body [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.markdown-body [type=button]:-moz-focusring, -.markdown-body [type=reset]:-moz-focusring, -.markdown-body [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + appearance: button; } .markdown-body [type=checkbox], @@ -173,14 +158,10 @@ height: auto; } -.markdown-body [type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - .markdown-body [type=search]::-webkit-search-cancel-button, .markdown-body [type=search]::-webkit-search-decoration { -webkit-appearance: none; + appearance: none; } .markdown-body ::-webkit-input-placeholder { @@ -190,6 +171,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -197,6 +179,11 @@ text-decoration: underline; } +.markdown-body ::placeholder { + color: #59636e; + opacity: 1; +} + .markdown-body hr::before { display: table; content: ""; @@ -215,6 +202,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -226,22 +214,52 @@ cursor: pointer; } -.markdown-body details:not([open])>*:not(summary) { - display: none !important; +.markdown-body a:focus, +.markdown-body [role=button]:focus, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=checkbox]:focus { + outline: 2px solid #0969da; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:focus:not(:focus-visible), +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body input[type=radio]:focus:not(:focus-visible), +.markdown-body input[type=checkbox]:focus:not(:focus-visible) { + outline: solid 1px transparent; +} + +.markdown-body a:focus-visible, +.markdown-body [role=button]:focus-visible, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus-visible { + outline: 2px solid #0969da; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:not([class]):focus, +.markdown-body a:not([class]):focus-visible, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus, +.markdown-body input[type=checkbox]:focus-visible { + outline-offset: 0; } .markdown-body kbd { display: inline-block; - padding: 3px 5px; - font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + padding: 0.25rem; + font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; - color: #24292f; + color: #1f2328; vertical-align: middle; background-color: #f6f8fa; - border: solid 1px rgba(175,184,193,0.2); - border-bottom-color: rgba(175,184,193,0.2); + border: solid 1px #d1d9e0b3; + border-bottom-color: #d1d9e0b3; border-radius: 6px; - box-shadow: inset 0 -1px 0 rgba(175,184,193,0.2); + box-shadow: inset 0 -1px 0 #d1d9e0b3; } .markdown-body h1, @@ -250,8 +268,8 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; - margin-bottom: 16px; + margin-top: 1.5rem; + margin-bottom: 1rem; font-weight: 600; line-height: 1.25; } @@ -260,7 +278,7 @@ font-weight: 600; padding-bottom: .3em; font-size: 1.5em; - border-bottom: 1px solid hsla(210,18%,87%,1); + border-bottom: 1px solid #d1d9e0b3; } .markdown-body h3 { @@ -281,7 +299,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #57606a; + color: #59636e; } .markdown-body p { @@ -292,8 +310,8 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #57606a; - border-left: .25em solid #d0d7de; + color: #59636e; + border-left: .25em solid #d1d9e0; } .markdown-body ul, @@ -320,15 +338,16 @@ } .markdown-body tt, -.markdown-body code { - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; +.markdown-body code, +.markdown-body samp { + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; word-wrap: normal; } @@ -340,154 +359,14 @@ fill: currentColor; } -.markdown-body ::placeholder { - color: #6e7781; - opacity: 1; -} - .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } -.markdown-body .pl-c { - color: #6e7781; -} - -.markdown-body .pl-c1, -.markdown-body .pl-s .pl-v { - color: #0550ae; -} - -.markdown-body .pl-e, -.markdown-body .pl-en { - color: #8250df; -} - -.markdown-body .pl-smi, -.markdown-body .pl-s .pl-s1 { - color: #24292f; -} - -.markdown-body .pl-ent { - color: #116329; -} - -.markdown-body .pl-k { - color: #cf222e; -} - -.markdown-body .pl-s, -.markdown-body .pl-pds, -.markdown-body .pl-s .pl-pse .pl-s1, -.markdown-body .pl-sr, -.markdown-body .pl-sr .pl-cce, -.markdown-body .pl-sr .pl-sre, -.markdown-body .pl-sr .pl-sra { - color: #0a3069; -} - -.markdown-body .pl-v, -.markdown-body .pl-smw { - color: #953800; -} - -.markdown-body .pl-bu { - color: #82071e; -} - -.markdown-body .pl-ii { - color: #f6f8fa; - background-color: #82071e; -} - -.markdown-body .pl-c2 { - color: #f6f8fa; - background-color: #cf222e; -} - -.markdown-body .pl-sr .pl-cce { - font-weight: bold; - color: #116329; -} - -.markdown-body .pl-ml { - color: #3b2300; -} - -.markdown-body .pl-mh, -.markdown-body .pl-mh .pl-en, -.markdown-body .pl-ms { - font-weight: bold; - color: #0550ae; -} - -.markdown-body .pl-mi { - font-style: italic; - color: #24292f; -} - -.markdown-body .pl-mb { - font-weight: bold; - color: #24292f; -} - -.markdown-body .pl-md { - color: #82071e; - background-color: #FFEBE9; -} - -.markdown-body .pl-mi1 { - color: #116329; - background-color: #dafbe1; -} - -.markdown-body .pl-mc { - color: #953800; - background-color: #ffd8b5; -} - -.markdown-body .pl-mi2 { - color: #eaeef2; - background-color: #0550ae; -} - -.markdown-body .pl-mdr { - font-weight: bold; - color: #8250df; -} - -.markdown-body .pl-ba { - color: #57606a; -} - -.markdown-body .pl-sg { - color: #8c959f; -} - -.markdown-body .pl-corl { - text-decoration: underline; - color: #0a3069; -} - -.markdown-body [data-catalyst] { - display: block; -} - -.markdown-body g-emoji { - font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - font-size: 1em; - font-style: normal !important; - font-weight: 400; - line-height: 1; - vertical-align: -0.075em; -} - -.markdown-body g-emoji img { - width: 1em; - height: 1em; +.markdown-body .mr-2 { + margin-right: 0.5rem !important; } .markdown-body::before { @@ -515,12 +394,12 @@ } .markdown-body .absent { - color: #cf222e; + color: #d1242f; } .markdown-body .anchor { float: left; - padding-right: 4px; + padding-right: 0.25rem; margin-left: -20px; line-height: 1; } @@ -538,7 +417,7 @@ .markdown-body pre, .markdown-body details { margin-top: 0; - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body blockquote>:first-child { @@ -549,21 +428,13 @@ margin-bottom: 0; } -.markdown-body sup>a::before { - content: "["; -} - -.markdown-body sup>a::after { - content: "]"; -} - .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - color: #24292f; + color: #1f2328; vertical-align: middle; visibility: hidden; } @@ -602,24 +473,56 @@ font-size: inherit; } +.markdown-body summary h1, +.markdown-body summary h2, +.markdown-body summary h3, +.markdown-body summary h4, +.markdown-body summary h5, +.markdown-body summary h6 { + display: inline-block; +} + +.markdown-body summary h1 .anchor, +.markdown-body summary h2 .anchor, +.markdown-body summary h3 .anchor, +.markdown-body summary h4 .anchor, +.markdown-body summary h5 .anchor, +.markdown-body summary h6 .anchor { + margin-left: -40px; +} + +.markdown-body summary h1, +.markdown-body summary h2 { + padding-bottom: 0; + border-bottom: 0; +} + .markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; } -.markdown-body ol[type="1"] { - list-style-type: decimal; +.markdown-body ol[type="a s"] { + list-style-type: lower-alpha; } -.markdown-body ol[type=a] { - list-style-type: lower-alpha; +.markdown-body ol[type="A s"] { + list-style-type: upper-alpha; } -.markdown-body ol[type=i] { +.markdown-body ol[type="i s"] { list-style-type: lower-roman; } +.markdown-body ol[type="I s"] { + list-style-type: upper-roman; +} + +.markdown-body ol[type="1"] { + list-style-type: decimal; +} + .markdown-body div>ol:not([type]) { list-style-type: decimal; } @@ -633,7 +536,7 @@ } .markdown-body li>p { - margin-top: 16px; + margin-top: 1rem; } .markdown-body li+li { @@ -646,15 +549,15 @@ .markdown-body dl dt { padding: 0; - margin-top: 16px; + margin-top: 1rem; font-size: 1em; font-style: italic; font-weight: 600; } .markdown-body dl dd { - padding: 0 16px; - margin-bottom: 16px; + padding: 0 1rem; + margin-bottom: 1rem; } .markdown-body table th { @@ -664,12 +567,16 @@ .markdown-body table th, .markdown-body table td { padding: 6px 13px; - border: 1px solid #d0d7de; + border: 1px solid #d1d9e0; +} + +.markdown-body table td>:last-child { + margin-bottom: 0; } .markdown-body table tr { background-color: #ffffff; - border-top: 1px solid hsla(210,18%,87%,1); + border-top: 1px solid #d1d9e0b3; } .markdown-body table tr:nth-child(2n) { @@ -706,7 +613,7 @@ padding: 7px; margin: 13px 0 0; overflow: hidden; - border: 1px solid #d0d7de; + border: 1px solid #d1d9e0; } .markdown-body span.frame span img { @@ -718,7 +625,7 @@ display: block; padding: 5px 0 0; clear: both; - color: #24292f; + color: #1f2328; } .markdown-body span.align-center { @@ -787,7 +694,8 @@ padding: .2em .4em; margin: 0; font-size: 85%; - background-color: rgba(175,184,193,0.2); + white-space: break-spaces; + background-color: #818b981f; border-radius: 6px; } @@ -800,6 +708,10 @@ text-decoration: inherit; } +.markdown-body samp { + font-size: 85%; +} + .markdown-body pre code { font-size: 100%; } @@ -814,7 +726,7 @@ } .markdown-body .highlight { - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body .highlight pre { @@ -824,10 +736,11 @@ .markdown-body .highlight pre, .markdown-body pre { - padding: 16px; + padding: 1rem; overflow: auto; font-size: 85%; line-height: 1.45; + color: #1f2328; background-color: #f6f8fa; border-radius: 6px; } @@ -856,7 +769,7 @@ } .markdown-body .csv-data .blob-num { - padding: 10px 8px 9px; + padding: 10px 0.5rem 9px; text-align: right; background: #ffffff; border: 0; @@ -872,14 +785,28 @@ border-top: 0; } +.markdown-body [data-footnote-ref]::before { + content: "["; +} + +.markdown-body [data-footnote-ref]::after { + content: "]"; +} + .markdown-body .footnotes { font-size: 12px; - color: #57606a; - border-top: 1px solid #d0d7de; + color: #59636e; + border-top: 1px solid #d1d9e0; } .markdown-body .footnotes ol { - padding-left: 16px; + padding-left: 1rem; +} + +.markdown-body .footnotes ol ul { + display: inline-block; + padding-left: 1rem; + margin-top: 1rem; } .markdown-body .footnotes li { @@ -888,10 +815,10 @@ .markdown-body .footnotes li:target::before { position: absolute; - top: -8px; - right: -8px; - bottom: -8px; - left: -24px; + top: calc(0.5rem*-1); + right: calc(0.5rem*-1); + bottom: calc(0.5rem*-1); + left: calc(1.5rem*-1); pointer-events: none; content: ""; border: 2px solid #0969da; @@ -899,13 +826,167 @@ } .markdown-body .footnotes li:target { - color: #24292f; + color: #1f2328; } .markdown-body .footnotes .data-footnote-backref g-emoji { font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + +.markdown-body .pl-c { + color: #59636e; +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #0550ae; +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #6639ba; +} + +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: #1f2328; +} + +.markdown-body .pl-ent { + color: #0550ae; +} + +.markdown-body .pl-k { + color: #cf222e; +} + +.markdown-body .pl-s, +.markdown-body .pl-pds, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: #0a3069; +} + +.markdown-body .pl-v, +.markdown-body .pl-smw { + color: #953800; +} + +.markdown-body .pl-bu { + color: #82071e; +} + +.markdown-body .pl-ii { + color: #f6f8fa; + background-color: #82071e; +} + +.markdown-body .pl-c2 { + color: #f6f8fa; + background-color: #cf222e; +} + +.markdown-body .pl-sr .pl-cce { + font-weight: bold; + color: #116329; +} + +.markdown-body .pl-ml { + color: #3b2300; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + font-weight: bold; + color: #0550ae; +} + +.markdown-body .pl-mi { + font-style: italic; + color: #1f2328; +} + +.markdown-body .pl-mb { + font-weight: bold; + color: #1f2328; +} + +.markdown-body .pl-md { + color: #82071e; + background-color: #ffebe9; +} + +.markdown-body .pl-mi1 { + color: #116329; + background-color: #dafbe1; +} + +.markdown-body .pl-mc { + color: #953800; + background-color: #ffd8b5; +} + +.markdown-body .pl-mi2 { + color: #d1d9e0; + background-color: #0550ae; +} + +.markdown-body .pl-mdr { + font-weight: bold; + color: #8250df; +} + +.markdown-body .pl-ba { + color: #59636e; +} + +.markdown-body .pl-sg { + color: #818b98; +} + +.markdown-body .pl-corl { + text-decoration: underline; + color: #0a3069; +} + +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible), +.markdown-body button:focus:not(:focus-visible), +.markdown-body summary:focus:not(:focus-visible), +.markdown-body a:focus:not(:focus-visible) { + outline: none; + box-shadow: none; +} + +.markdown-body [tabindex="0"]:focus:not(:focus-visible), +.markdown-body details-dialog:focus:not(:focus-visible) { + outline: none; +} + +.markdown-body g-emoji { + display: inline-block; + min-width: 1ch; + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: 400; + line-height: 1; + vertical-align: -0.075em; +} + +.markdown-body g-emoji img { + width: 1em; + height: 1em; +} + .markdown-body .task-list-item { list-style-type: none; } @@ -919,7 +1000,7 @@ } .markdown-body .task-list-item+.task-list-item { - margin-top: 3px; + margin-top: 0.25rem; } .markdown-body .task-list-item .handle { @@ -927,14 +1008,98 @@ } .markdown-body .task-list-item-checkbox { - margin: 0 .2em .25em -1.6em; + margin: 0 .2em .25em -1.4em; vertical-align: middle; } -.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { +.markdown-body ul:dir(rtl) .task-list-item-checkbox { margin: 0 -1.6em .25em .2em; } +.markdown-body ol:dir(rtl) .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; +} + +.markdown-body .contains-task-list:hover .task-list-item-convert-container, +.markdown-body .contains-task-list:focus-within .task-list-item-convert-container { + display: block; + width: auto; + height: 24px; + overflow: visible; + clip: auto; +} + .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } + +.markdown-body .markdown-alert { + padding: 0.5rem 1rem; + margin-bottom: 1rem; + color: inherit; + border-left: .25em solid #d1d9e0; +} + +.markdown-body .markdown-alert>:first-child { + margin-top: 0; +} + +.markdown-body .markdown-alert>:last-child { + margin-bottom: 0; +} + +.markdown-body .markdown-alert .markdown-alert-title { + display: flex; + font-weight: 500; + align-items: center; + line-height: 1; +} + +.markdown-body .markdown-alert.markdown-alert-note { + border-left-color: #0969da; +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: #0969da; +} + +.markdown-body .markdown-alert.markdown-alert-important { + border-left-color: #8250df; +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: #8250df; +} + +.markdown-body .markdown-alert.markdown-alert-warning { + border-left-color: #9a6700; +} + +.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { + color: #9a6700; +} + +.markdown-body .markdown-alert.markdown-alert-tip { + border-left-color: #1a7f37; +} + +.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { + color: #1a7f37; +} + +.markdown-body .markdown-alert.markdown-alert-caution { + border-left-color: #cf222e; +} + +.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { + color: #d1242f; +} + +.markdown-body>*:first-child>.heading-element:first-child { + margin-top: 0 !important; +} + +.markdown-body .highlight pre:has(+.zeroclipboard-container) { + min-height: 52px; +} + diff --git a/github-markdown.css b/github-markdown.css index c4bf145..bc8e12b 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -1,15 +1,50 @@ +.markdown-body { + --base-size-4: 0.25rem; + --base-size-8: 0.5rem; + --base-size-16: 1rem; + --base-size-24: 1.5rem; + --base-size-40: 2.5rem; + --base-text-weight-normal: 400; + --base-text-weight-medium: 500; + --base-text-weight-semibold: 600; + --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; + --fgColor-accent: Highlight; +} @media (prefers-color-scheme: dark) { - .markdown-body { + .markdown-body, [data-theme="dark"] { + /* dark */ color-scheme: dark; - --color-prettylights-syntax-comment: #8b949e; + --focus-outlineColor: #1f6feb; + --fgColor-default: #f0f6fc; + --fgColor-muted: #9198a1; + --fgColor-accent: #4493f8; + --fgColor-success: #3fb950; + --fgColor-attention: #d29922; + --fgColor-danger: #f85149; + --fgColor-done: #ab7df8; + --bgColor-default: #0d1117; + --bgColor-muted: #151b23; + --bgColor-neutral-muted: #656c7633; + --bgColor-attention-muted: #bb800926; + --borderColor-default: #3d444d; + --borderColor-muted: #3d444db3; + --borderColor-neutral-muted: #3d444db3; + --borderColor-accent-emphasis: #1f6feb; + --borderColor-success-emphasis: #238636; + --borderColor-attention-emphasis: #9e6a03; + --borderColor-danger-emphasis: #da3633; + --borderColor-done-emphasis: #8957e5; + --color-prettylights-syntax-comment: #9198a1; --color-prettylights-syntax-constant: #79c0ff; + --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; --color-prettylights-syntax-entity: #d2a8ff; - --color-prettylights-syntax-storage-modifier-import: #c9d1d9; + --color-prettylights-syntax-storage-modifier-import: #f0f6fc; --color-prettylights-syntax-entity-tag: #7ee787; --color-prettylights-syntax-keyword: #ff7b72; --color-prettylights-syntax-string: #a5d6ff; --color-prettylights-syntax-variable: #ffa657; --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; + --color-prettylights-syntax-brackethighlighter-angle: #9198a1; --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; --color-prettylights-syntax-invalid-illegal-bg: #8e1519; --color-prettylights-syntax-carriage-return-text: #f0f6fc; @@ -17,47 +52,55 @@ --color-prettylights-syntax-string-regexp: #7ee787; --color-prettylights-syntax-markup-list: #f2cc60; --color-prettylights-syntax-markup-heading: #1f6feb; - --color-prettylights-syntax-markup-italic: #c9d1d9; - --color-prettylights-syntax-markup-bold: #c9d1d9; + --color-prettylights-syntax-markup-italic: #f0f6fc; + --color-prettylights-syntax-markup-bold: #f0f6fc; --color-prettylights-syntax-markup-deleted-text: #ffdcd7; --color-prettylights-syntax-markup-deleted-bg: #67060c; --color-prettylights-syntax-markup-inserted-text: #aff5b4; --color-prettylights-syntax-markup-inserted-bg: #033a16; --color-prettylights-syntax-markup-changed-text: #ffdfb6; --color-prettylights-syntax-markup-changed-bg: #5a1e02; - --color-prettylights-syntax-markup-ignored-text: #c9d1d9; + --color-prettylights-syntax-markup-ignored-text: #f0f6fc; --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; - --color-prettylights-syntax-brackethighlighter-angle: #8b949e; - --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; - --color-fg-default: #c9d1d9; - --color-fg-muted: #8b949e; - --color-fg-subtle: #484f58; - --color-canvas-default: #0d1117; - --color-canvas-subtle: #161b22; - --color-border-default: #30363d; - --color-border-muted: #21262d; - --color-neutral-muted: rgba(110,118,129,0.4); - --color-accent-fg: #58a6ff; - --color-accent-emphasis: #1f6feb; - --color-attention-subtle: rgba(187,128,9,0.15); - --color-danger-fg: #f85149; + --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d; } } - @media (prefers-color-scheme: light) { - .markdown-body { + .markdown-body, [data-theme="light"] { + /* light */ color-scheme: light; - --color-prettylights-syntax-comment: #6e7781; + --focus-outlineColor: #0969da; + --fgColor-default: #1f2328; + --fgColor-muted: #59636e; + --fgColor-accent: #0969da; + --fgColor-success: #1a7f37; + --fgColor-attention: #9a6700; + --fgColor-danger: #d1242f; + --fgColor-done: #8250df; + --bgColor-default: #ffffff; + --bgColor-muted: #f6f8fa; + --bgColor-neutral-muted: #818b981f; + --bgColor-attention-muted: #fff8c5; + --borderColor-default: #d1d9e0; + --borderColor-muted: #d1d9e0b3; + --borderColor-neutral-muted: #d1d9e0b3; + --borderColor-accent-emphasis: #0969da; + --borderColor-success-emphasis: #1a7f37; + --borderColor-attention-emphasis: #9a6700; + --borderColor-danger-emphasis: #cf222e; + --borderColor-done-emphasis: #8250df; + --color-prettylights-syntax-comment: #59636e; --color-prettylights-syntax-constant: #0550ae; - --color-prettylights-syntax-entity: #8250df; - --color-prettylights-syntax-storage-modifier-import: #24292f; - --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-prettylights-syntax-entity: #6639ba; + --color-prettylights-syntax-storage-modifier-import: #1f2328; + --color-prettylights-syntax-entity-tag: #0550ae; --color-prettylights-syntax-keyword: #cf222e; --color-prettylights-syntax-string: #0a3069; --color-prettylights-syntax-variable: #953800; --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-brackethighlighter-angle: #59636e; --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; --color-prettylights-syntax-invalid-illegal-bg: #82071e; --color-prettylights-syntax-carriage-return-text: #f6f8fa; @@ -65,32 +108,18 @@ --color-prettylights-syntax-string-regexp: #116329; --color-prettylights-syntax-markup-list: #3b2300; --color-prettylights-syntax-markup-heading: #0550ae; - --color-prettylights-syntax-markup-italic: #24292f; - --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-italic: #1f2328; + --color-prettylights-syntax-markup-bold: #1f2328; --color-prettylights-syntax-markup-deleted-text: #82071e; - --color-prettylights-syntax-markup-deleted-bg: #FFEBE9; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; --color-prettylights-syntax-markup-inserted-text: #116329; --color-prettylights-syntax-markup-inserted-bg: #dafbe1; --color-prettylights-syntax-markup-changed-text: #953800; --color-prettylights-syntax-markup-changed-bg: #ffd8b5; - --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-text: #d1d9e0; --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; - --color-prettylights-syntax-brackethighlighter-angle: #57606a; - --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-prettylights-syntax-constant-other-reference-link: #0a3069; - --color-fg-default: #24292f; - --color-fg-muted: #57606a; - --color-fg-subtle: #6e7781; - --color-canvas-default: #ffffff; - --color-canvas-subtle: #f6f8fa; - --color-border-default: #d0d7de; - --color-border-muted: hsla(210,18%,87%,1); - --color-neutral-muted: rgba(175,184,193,0.2); - --color-accent-fg: #0969da; - --color-accent-emphasis: #0969da; - --color-attention-subtle: #fff8c5; - --color-danger-fg: #cf222e; + --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98; } } @@ -98,9 +127,9 @@ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; - color: var(--color-fg-default); - background-color: var(--color-canvas-default); - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + color: var(--fgColor-default); + background-color: var(--bgColor-default); + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; line-height: 1.5; word-wrap: break-word; @@ -143,23 +172,19 @@ .markdown-body a { background-color: transparent; - color: var(--color-accent-fg); + color: var(--fgColor-accent); text-decoration: none; } -.markdown-body a:active, -.markdown-body a:hover { - outline-width: 0; -} - .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .markdown-body b, .markdown-body strong { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); } .markdown-body dfn { @@ -168,15 +193,15 @@ .markdown-body h1 { margin: .67em 0; - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); padding-bottom: .3em; font-size: 2em; - border-bottom: 1px solid var(--color-border-muted); + border-bottom: 1px solid var(--borderColor-muted); } .markdown-body mark { - background-color: var(--color-attention-subtle); - color: var(--color-text-primary); + background-color: var(--bgColor-attention-muted); + color: var(--fgColor-default); } .markdown-body small { @@ -203,30 +228,29 @@ border-style: none; max-width: 100%; box-sizing: content-box; - background-color: var(--color-canvas-default); } .markdown-body code, .markdown-body kbd, .markdown-body pre, .markdown-body samp { - font-family: monospace,monospace; + font-family: monospace; font-size: 1em; } .markdown-body figure { - margin: 1em 40px; + margin: 1em var(--base-size-40); } .markdown-body hr { box-sizing: content-box; overflow: hidden; background: transparent; - border-bottom: 1px solid var(--color-border-muted); + border-bottom: 1px solid var(--borderColor-muted); height: .25em; padding: 0; - margin: 24px 0; - background-color: var(--color-border-default); + margin: var(--base-size-24) 0; + background-color: var(--borderColor-default); border: 0; } @@ -243,19 +267,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; -} - -.markdown-body [type=button]::-moz-focus-inner, -.markdown-body [type=reset]::-moz-focus-inner, -.markdown-body [type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -.markdown-body [type=button]:-moz-focusring, -.markdown-body [type=reset]:-moz-focusring, -.markdown-body [type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; + appearance: button; } .markdown-body [type=checkbox], @@ -269,14 +281,10 @@ height: auto; } -.markdown-body [type=search] { - -webkit-appearance: textfield; - outline-offset: -2px; -} - .markdown-body [type=search]::-webkit-search-cancel-button, .markdown-body [type=search]::-webkit-search-decoration { -webkit-appearance: none; + appearance: none; } .markdown-body ::-webkit-input-placeholder { @@ -286,6 +294,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -293,6 +302,11 @@ text-decoration: underline; } +.markdown-body ::placeholder { + color: var(--fgColor-muted); + opacity: 1; +} + .markdown-body hr::before { display: table; content: ""; @@ -311,6 +325,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -322,22 +337,52 @@ cursor: pointer; } -.markdown-body details:not([open])>*:not(summary) { - display: none !important; +.markdown-body a:focus, +.markdown-body [role=button]:focus, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=checkbox]:focus { + outline: 2px solid var(--focus-outlineColor); + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:focus:not(:focus-visible), +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body input[type=radio]:focus:not(:focus-visible), +.markdown-body input[type=checkbox]:focus:not(:focus-visible) { + outline: solid 1px transparent; +} + +.markdown-body a:focus-visible, +.markdown-body [role=button]:focus-visible, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus-visible { + outline: 2px solid var(--focus-outlineColor); + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:not([class]):focus, +.markdown-body a:not([class]):focus-visible, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus, +.markdown-body input[type=checkbox]:focus-visible { + outline-offset: 0; } .markdown-body kbd { display: inline-block; - padding: 3px 5px; - font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + padding: var(--base-size-4); + font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); line-height: 10px; - color: var(--color-fg-default); + color: var(--fgColor-default); vertical-align: middle; - background-color: var(--color-canvas-subtle); - border: solid 1px var(--color-neutral-muted); - border-bottom-color: var(--color-neutral-muted); + background-color: var(--bgColor-muted); + border: solid 1px var(--borderColor-neutral-muted); + border-bottom-color: var(--borderColor-neutral-muted); border-radius: 6px; - box-shadow: inset 0 -1px 0 var(--color-neutral-muted); + box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted); } .markdown-body h1, @@ -346,38 +391,38 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; - margin-bottom: 16px; - font-weight: 600; + margin-top: var(--base-size-24); + margin-bottom: var(--base-size-16); + font-weight: var(--base-text-weight-semibold, 600); line-height: 1.25; } .markdown-body h2 { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); padding-bottom: .3em; font-size: 1.5em; - border-bottom: 1px solid var(--color-border-muted); + border-bottom: 1px solid var(--borderColor-muted); } .markdown-body h3 { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); font-size: 1.25em; } .markdown-body h4 { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); font-size: 1em; } .markdown-body h5 { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); font-size: .875em; } .markdown-body h6 { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); font-size: .85em; - color: var(--color-fg-muted); + color: var(--fgColor-muted); } .markdown-body p { @@ -388,8 +433,8 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: var(--color-fg-muted); - border-left: .25em solid var(--color-border-default); + color: var(--fgColor-muted); + border-left: .25em solid var(--borderColor-default); } .markdown-body ul, @@ -416,15 +461,16 @@ } .markdown-body tt, -.markdown-body code { - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; +.markdown-body code, +.markdown-body samp { + font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; - font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace); font-size: 12px; word-wrap: normal; } @@ -436,154 +482,14 @@ fill: currentColor; } -.markdown-body ::placeholder { - color: var(--color-fg-subtle); - opacity: 1; -} - .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } -.markdown-body .pl-c { - color: var(--color-prettylights-syntax-comment); -} - -.markdown-body .pl-c1, -.markdown-body .pl-s .pl-v { - color: var(--color-prettylights-syntax-constant); -} - -.markdown-body .pl-e, -.markdown-body .pl-en { - color: var(--color-prettylights-syntax-entity); -} - -.markdown-body .pl-smi, -.markdown-body .pl-s .pl-s1 { - color: var(--color-prettylights-syntax-storage-modifier-import); -} - -.markdown-body .pl-ent { - color: var(--color-prettylights-syntax-entity-tag); -} - -.markdown-body .pl-k { - color: var(--color-prettylights-syntax-keyword); -} - -.markdown-body .pl-s, -.markdown-body .pl-pds, -.markdown-body .pl-s .pl-pse .pl-s1, -.markdown-body .pl-sr, -.markdown-body .pl-sr .pl-cce, -.markdown-body .pl-sr .pl-sre, -.markdown-body .pl-sr .pl-sra { - color: var(--color-prettylights-syntax-string); -} - -.markdown-body .pl-v, -.markdown-body .pl-smw { - color: var(--color-prettylights-syntax-variable); -} - -.markdown-body .pl-bu { - color: var(--color-prettylights-syntax-brackethighlighter-unmatched); -} - -.markdown-body .pl-ii { - color: var(--color-prettylights-syntax-invalid-illegal-text); - background-color: var(--color-prettylights-syntax-invalid-illegal-bg); -} - -.markdown-body .pl-c2 { - color: var(--color-prettylights-syntax-carriage-return-text); - background-color: var(--color-prettylights-syntax-carriage-return-bg); -} - -.markdown-body .pl-sr .pl-cce { - font-weight: bold; - color: var(--color-prettylights-syntax-string-regexp); -} - -.markdown-body .pl-ml { - color: var(--color-prettylights-syntax-markup-list); -} - -.markdown-body .pl-mh, -.markdown-body .pl-mh .pl-en, -.markdown-body .pl-ms { - font-weight: bold; - color: var(--color-prettylights-syntax-markup-heading); -} - -.markdown-body .pl-mi { - font-style: italic; - color: var(--color-prettylights-syntax-markup-italic); -} - -.markdown-body .pl-mb { - font-weight: bold; - color: var(--color-prettylights-syntax-markup-bold); -} - -.markdown-body .pl-md { - color: var(--color-prettylights-syntax-markup-deleted-text); - background-color: var(--color-prettylights-syntax-markup-deleted-bg); -} - -.markdown-body .pl-mi1 { - color: var(--color-prettylights-syntax-markup-inserted-text); - background-color: var(--color-prettylights-syntax-markup-inserted-bg); -} - -.markdown-body .pl-mc { - color: var(--color-prettylights-syntax-markup-changed-text); - background-color: var(--color-prettylights-syntax-markup-changed-bg); -} - -.markdown-body .pl-mi2 { - color: var(--color-prettylights-syntax-markup-ignored-text); - background-color: var(--color-prettylights-syntax-markup-ignored-bg); -} - -.markdown-body .pl-mdr { - font-weight: bold; - color: var(--color-prettylights-syntax-meta-diff-range); -} - -.markdown-body .pl-ba { - color: var(--color-prettylights-syntax-brackethighlighter-angle); -} - -.markdown-body .pl-sg { - color: var(--color-prettylights-syntax-sublimelinter-gutter-mark); -} - -.markdown-body .pl-corl { - text-decoration: underline; - color: var(--color-prettylights-syntax-constant-other-reference-link); -} - -.markdown-body [data-catalyst] { - display: block; -} - -.markdown-body g-emoji { - font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - font-size: 1em; - font-style: normal !important; - font-weight: 400; - line-height: 1; - vertical-align: -0.075em; -} - -.markdown-body g-emoji img { - width: 1em; - height: 1em; +.markdown-body .mr-2 { + margin-right: var(--base-size-8, 8px) !important; } .markdown-body::before { @@ -611,12 +517,12 @@ } .markdown-body .absent { - color: var(--color-danger-fg); + color: var(--fgColor-danger); } .markdown-body .anchor { float: left; - padding-right: 4px; + padding-right: var(--base-size-4); margin-left: -20px; line-height: 1; } @@ -634,7 +540,7 @@ .markdown-body pre, .markdown-body details { margin-top: 0; - margin-bottom: 16px; + margin-bottom: var(--base-size-16); } .markdown-body blockquote>:first-child { @@ -645,21 +551,13 @@ margin-bottom: 0; } -.markdown-body sup>a::before { - content: "["; -} - -.markdown-body sup>a::after { - content: "]"; -} - .markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - color: var(--color-fg-default); + color: var(--fgColor-default); vertical-align: middle; visibility: hidden; } @@ -698,24 +596,56 @@ font-size: inherit; } +.markdown-body summary h1, +.markdown-body summary h2, +.markdown-body summary h3, +.markdown-body summary h4, +.markdown-body summary h5, +.markdown-body summary h6 { + display: inline-block; +} + +.markdown-body summary h1 .anchor, +.markdown-body summary h2 .anchor, +.markdown-body summary h3 .anchor, +.markdown-body summary h4 .anchor, +.markdown-body summary h5 .anchor, +.markdown-body summary h6 .anchor { + margin-left: -40px; +} + +.markdown-body summary h1, +.markdown-body summary h2 { + padding-bottom: 0; + border-bottom: 0; +} + .markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; } -.markdown-body ol[type="1"] { - list-style-type: decimal; +.markdown-body ol[type="a s"] { + list-style-type: lower-alpha; } -.markdown-body ol[type=a] { - list-style-type: lower-alpha; +.markdown-body ol[type="A s"] { + list-style-type: upper-alpha; } -.markdown-body ol[type=i] { +.markdown-body ol[type="i s"] { list-style-type: lower-roman; } +.markdown-body ol[type="I s"] { + list-style-type: upper-roman; +} + +.markdown-body ol[type="1"] { + list-style-type: decimal; +} + .markdown-body div>ol:not([type]) { list-style-type: decimal; } @@ -729,7 +659,7 @@ } .markdown-body li>p { - margin-top: 16px; + margin-top: var(--base-size-16); } .markdown-body li+li { @@ -742,34 +672,38 @@ .markdown-body dl dt { padding: 0; - margin-top: 16px; + margin-top: var(--base-size-16); font-size: 1em; font-style: italic; - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); } .markdown-body dl dd { - padding: 0 16px; - margin-bottom: 16px; + padding: 0 var(--base-size-16); + margin-bottom: var(--base-size-16); } .markdown-body table th { - font-weight: 600; + font-weight: var(--base-text-weight-semibold, 600); } .markdown-body table th, .markdown-body table td { padding: 6px 13px; - border: 1px solid var(--color-border-default); + border: 1px solid var(--borderColor-default); +} + +.markdown-body table td>:last-child { + margin-bottom: 0; } .markdown-body table tr { - background-color: var(--color-canvas-default); - border-top: 1px solid var(--color-border-muted); + background-color: var(--bgColor-default); + border-top: 1px solid var(--borderColor-muted); } .markdown-body table tr:nth-child(2n) { - background-color: var(--color-canvas-subtle); + background-color: var(--bgColor-muted); } .markdown-body table img { @@ -802,7 +736,7 @@ padding: 7px; margin: 13px 0 0; overflow: hidden; - border: 1px solid var(--color-border-default); + border: 1px solid var(--borderColor-default); } .markdown-body span.frame span img { @@ -814,7 +748,7 @@ display: block; padding: 5px 0 0; clear: both; - color: var(--color-fg-default); + color: var(--fgColor-default); } .markdown-body span.align-center { @@ -883,7 +817,8 @@ padding: .2em .4em; margin: 0; font-size: 85%; - background-color: var(--color-neutral-muted); + white-space: break-spaces; + background-color: var(--bgColor-neutral-muted); border-radius: 6px; } @@ -896,6 +831,10 @@ text-decoration: inherit; } +.markdown-body samp { + font-size: 85%; +} + .markdown-body pre code { font-size: 100%; } @@ -910,7 +849,7 @@ } .markdown-body .highlight { - margin-bottom: 16px; + margin-bottom: var(--base-size-16); } .markdown-body .highlight pre { @@ -920,11 +859,12 @@ .markdown-body .highlight pre, .markdown-body pre { - padding: 16px; + padding: var(--base-size-16); overflow: auto; font-size: 85%; line-height: 1.45; - background-color: var(--color-canvas-subtle); + color: var(--fgColor-default); + background-color: var(--bgColor-muted); border-radius: 6px; } @@ -952,9 +892,9 @@ } .markdown-body .csv-data .blob-num { - padding: 10px 8px 9px; + padding: 10px var(--base-size-8) 9px; text-align: right; - background: var(--color-canvas-default); + background: var(--bgColor-default); border: 0; } @@ -963,19 +903,33 @@ } .markdown-body .csv-data th { - font-weight: 600; - background: var(--color-canvas-subtle); + font-weight: var(--base-text-weight-semibold, 600); + background: var(--bgColor-muted); border-top: 0; } +.markdown-body [data-footnote-ref]::before { + content: "["; +} + +.markdown-body [data-footnote-ref]::after { + content: "]"; +} + .markdown-body .footnotes { font-size: 12px; - color: var(--color-fg-muted); - border-top: 1px solid var(--color-border-default); + color: var(--fgColor-muted); + border-top: 1px solid var(--borderColor-default); } .markdown-body .footnotes ol { - padding-left: 16px; + padding-left: var(--base-size-16); +} + +.markdown-body .footnotes ol ul { + display: inline-block; + padding-left: var(--base-size-16); + margin-top: var(--base-size-16); } .markdown-body .footnotes li { @@ -984,30 +938,184 @@ .markdown-body .footnotes li:target::before { position: absolute; - top: -8px; - right: -8px; - bottom: -8px; - left: -24px; + top: calc(var(--base-size-8)*-1); + right: calc(var(--base-size-8)*-1); + bottom: calc(var(--base-size-8)*-1); + left: calc(var(--base-size-24)*-1); pointer-events: none; content: ""; - border: 2px solid var(--color-accent-emphasis); + border: 2px solid var(--borderColor-accent-emphasis); border-radius: 6px; } .markdown-body .footnotes li:target { - color: var(--color-fg-default); + color: var(--fgColor-default); } .markdown-body .footnotes .data-footnote-backref g-emoji { font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + +.markdown-body .pl-c { + color: var(--color-prettylights-syntax-comment); +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: var(--color-prettylights-syntax-constant); +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: var(--color-prettylights-syntax-entity); +} + +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: var(--color-prettylights-syntax-storage-modifier-import); +} + +.markdown-body .pl-ent { + color: var(--color-prettylights-syntax-entity-tag); +} + +.markdown-body .pl-k { + color: var(--color-prettylights-syntax-keyword); +} + +.markdown-body .pl-s, +.markdown-body .pl-pds, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: var(--color-prettylights-syntax-string); +} + +.markdown-body .pl-v, +.markdown-body .pl-smw { + color: var(--color-prettylights-syntax-variable); +} + +.markdown-body .pl-bu { + color: var(--color-prettylights-syntax-brackethighlighter-unmatched); +} + +.markdown-body .pl-ii { + color: var(--color-prettylights-syntax-invalid-illegal-text); + background-color: var(--color-prettylights-syntax-invalid-illegal-bg); +} + +.markdown-body .pl-c2 { + color: var(--color-prettylights-syntax-carriage-return-text); + background-color: var(--color-prettylights-syntax-carriage-return-bg); +} + +.markdown-body .pl-sr .pl-cce { + font-weight: bold; + color: var(--color-prettylights-syntax-string-regexp); +} + +.markdown-body .pl-ml { + color: var(--color-prettylights-syntax-markup-list); +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + font-weight: bold; + color: var(--color-prettylights-syntax-markup-heading); +} + +.markdown-body .pl-mi { + font-style: italic; + color: var(--color-prettylights-syntax-markup-italic); +} + +.markdown-body .pl-mb { + font-weight: bold; + color: var(--color-prettylights-syntax-markup-bold); +} + +.markdown-body .pl-md { + color: var(--color-prettylights-syntax-markup-deleted-text); + background-color: var(--color-prettylights-syntax-markup-deleted-bg); +} + +.markdown-body .pl-mi1 { + color: var(--color-prettylights-syntax-markup-inserted-text); + background-color: var(--color-prettylights-syntax-markup-inserted-bg); +} + +.markdown-body .pl-mc { + color: var(--color-prettylights-syntax-markup-changed-text); + background-color: var(--color-prettylights-syntax-markup-changed-bg); +} + +.markdown-body .pl-mi2 { + color: var(--color-prettylights-syntax-markup-ignored-text); + background-color: var(--color-prettylights-syntax-markup-ignored-bg); +} + +.markdown-body .pl-mdr { + font-weight: bold; + color: var(--color-prettylights-syntax-meta-diff-range); +} + +.markdown-body .pl-ba { + color: var(--color-prettylights-syntax-brackethighlighter-angle); +} + +.markdown-body .pl-sg { + color: var(--color-prettylights-syntax-sublimelinter-gutter-mark); +} + +.markdown-body .pl-corl { + text-decoration: underline; + color: var(--color-prettylights-syntax-constant-other-reference-link); +} + +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible), +.markdown-body button:focus:not(:focus-visible), +.markdown-body summary:focus:not(:focus-visible), +.markdown-body a:focus:not(:focus-visible) { + outline: none; + box-shadow: none; +} + +.markdown-body [tabindex="0"]:focus:not(:focus-visible), +.markdown-body details-dialog:focus:not(:focus-visible) { + outline: none; +} + +.markdown-body g-emoji { + display: inline-block; + min-width: 1ch; + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: var(--base-text-weight-normal, 400); + line-height: 1; + vertical-align: -0.075em; +} + +.markdown-body g-emoji img { + width: 1em; + height: 1em; +} + .markdown-body .task-list-item { list-style-type: none; } .markdown-body .task-list-item label { - font-weight: 400; + font-weight: var(--base-text-weight-normal, 400); } .markdown-body .task-list-item.enabled label { @@ -1015,7 +1123,7 @@ } .markdown-body .task-list-item+.task-list-item { - margin-top: 3px; + margin-top: var(--base-size-4); } .markdown-body .task-list-item .handle { @@ -1023,14 +1131,98 @@ } .markdown-body .task-list-item-checkbox { - margin: 0 .2em .25em -1.6em; + margin: 0 .2em .25em -1.4em; vertical-align: middle; } -.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { +.markdown-body ul:dir(rtl) .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; +} + +.markdown-body ol:dir(rtl) .task-list-item-checkbox { margin: 0 -1.6em .25em .2em; } +.markdown-body .contains-task-list:hover .task-list-item-convert-container, +.markdown-body .contains-task-list:focus-within .task-list-item-convert-container { + display: block; + width: auto; + height: 24px; + overflow: visible; + clip: auto; +} + .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } + +.markdown-body .markdown-alert { + padding: var(--base-size-8) var(--base-size-16); + margin-bottom: var(--base-size-16); + color: inherit; + border-left: .25em solid var(--borderColor-default); +} + +.markdown-body .markdown-alert>:first-child { + margin-top: 0; +} + +.markdown-body .markdown-alert>:last-child { + margin-bottom: 0; +} + +.markdown-body .markdown-alert .markdown-alert-title { + display: flex; + font-weight: var(--base-text-weight-medium, 500); + align-items: center; + line-height: 1; +} + +.markdown-body .markdown-alert.markdown-alert-note { + border-left-color: var(--borderColor-accent-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: var(--fgColor-accent); +} + +.markdown-body .markdown-alert.markdown-alert-important { + border-left-color: var(--borderColor-done-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: var(--fgColor-done); +} + +.markdown-body .markdown-alert.markdown-alert-warning { + border-left-color: var(--borderColor-attention-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { + color: var(--fgColor-attention); +} + +.markdown-body .markdown-alert.markdown-alert-tip { + border-left-color: var(--borderColor-success-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { + color: var(--fgColor-success); +} + +.markdown-body .markdown-alert.markdown-alert-caution { + border-left-color: var(--borderColor-danger-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { + color: var(--fgColor-danger); +} + +.markdown-body>*:first-child>.heading-element:first-child { + margin-top: 0 !important; +} + +.markdown-body .highlight pre:has(+.zeroclipboard-container) { + min-height: 52px; +} + diff --git a/package.json b/package.json index 6c9b11f..67150e3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "github-markdown-css", - "version": "5.1.0", + "version": "5.8.1", "description": "The minimal amount of CSS to replicate the GitHub Markdown style", "license": "MIT", "repository": "sindresorhus/github-markdown-css", @@ -11,10 +11,13 @@ "url": "https://sindresorhus.com" }, "main": "github-markdown.css", + "engines": { + "node": ">=10" + }, "scripts": { - "make:light": "github-markdown-css --type light > github-markdown-light.css", - "make:dark": "github-markdown-css --type dark > github-markdown-dark.css", - "make:auto": "github-markdown-css --type auto > github-markdown.css", + "make:light": "github-markdown-css --no-use-fixture --type light > github-markdown-light.css", + "make:dark": "github-markdown-css --no-use-fixture --type dark > github-markdown-dark.css", + "make:auto": "github-markdown-css --no-use-fixture --type auto > github-markdown.css", "make": "npm run make:light && npm run make:dark && npm run make:auto" }, "files": [ @@ -32,6 +35,6 @@ "stylesheet" ], "devDependencies": { - "generate-github-markdown-css": "^5.0.1" + "generate-github-markdown-css": "^6.5.1" } } diff --git a/readme.md b/readme.md index 9bd2994..abff134 100644 --- a/readme.md +++ b/readme.md @@ -12,8 +12,8 @@ Download [manually](https://raw.githubusercontent.com/sindresorhus/github-markdown-css/gh-pages/github-markdown.css), from [CDNJS](https://cdnjs.com/libraries/github-markdown-css), or with npm: -``` -$ npm install github-markdown-css +```sh +npm install github-markdown-css ``` ## Usage @@ -58,6 +58,17 @@ You may know that now GitHub supports more than 2 themes including `dark_dimmed` See [`generate-github-markdown-css`](https://github.com/sindresorhus/generate-github-markdown-css) for how it's generated and ability to generate your own. +## Troubleshooting + +If you encounter styling issues, like tables in dark mode rendering their fonts in black, the browser might uses [quirks mode](https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode) by accident. + +To avoid quirks mode, always include a doctype at the top of your page. + +```html + + +``` + ## Dev Run `npm run make` to update the CSS.