diff --git a/github-markdown-dark.css b/github-markdown-dark.css index 3c5a8b3..529b678 100644 --- a/github-markdown-dark.css +++ b/github-markdown-dark.css @@ -1,9 +1,11 @@ +/*dark*/ + .markdown-body { color-scheme: dark; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; - color: #c9d1d9; + color: #e6edf3; background-color: #0d1117; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; @@ -48,12 +50,13 @@ .markdown-body a { background-color: transparent; - color: #58a6ff; + color: #2f81f7; text-decoration: none; } .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -76,7 +79,7 @@ .markdown-body mark { background-color: rgba(187,128,9,0.15); - color: #c9d1d9; + color: #e6edf3; } .markdown-body small { @@ -217,7 +220,7 @@ .markdown-body [role=button]:focus, .markdown-body input[type=radio]:focus, .markdown-body input[type=checkbox]:focus { - outline: 2px solid #58a6ff; + outline: 2px solid #2f81f7; outline-offset: -2px; box-shadow: none; } @@ -233,7 +236,7 @@ .markdown-body [role=button]:focus-visible, .markdown-body input[type=radio]:focus-visible, .markdown-body input[type=checkbox]:focus-visible { - outline: 2px solid #58a6ff; + outline: 2px solid #2f81f7; outline-offset: -2px; box-shadow: none; } @@ -252,7 +255,7 @@ padding: 3px 5px; font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; line-height: 10px; - color: #c9d1d9; + color: #e6edf3; vertical-align: middle; background-color: #161b22; border: solid 1px rgba(110,118,129,0.4); @@ -298,7 +301,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #8b949e; + color: #7d8590; } .markdown-body p { @@ -309,7 +312,7 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #8b949e; + color: #7d8590; border-left: .25em solid #30363d; } @@ -430,7 +433,7 @@ .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - color: #c9d1d9; + color: #e6edf3; vertical-align: middle; visibility: hidden; } @@ -499,19 +502,19 @@ list-style-type: none; } -.markdown-body ol[type=a] { +.markdown-body ol[type="a s"] { list-style-type: lower-alpha; } -.markdown-body ol[type=A] { +.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] { +.markdown-body ol[type="I s"] { list-style-type: upper-roman; } @@ -566,6 +569,10 @@ border: 1px solid #30363d; } +.markdown-body table td>:last-child { + margin-bottom: 0; +} + .markdown-body table tr { background-color: #0d1117; border-top: 1px solid #21262d; @@ -617,7 +624,7 @@ display: block; padding: 5px 0 0; clear: both; - color: #c9d1d9; + color: #e6edf3; } .markdown-body span.align-center { @@ -732,6 +739,7 @@ overflow: auto; font-size: 85%; line-height: 1.45; + color: #e6edf3; background-color: #161b22; border-radius: 6px; } @@ -786,7 +794,7 @@ .markdown-body .footnotes { font-size: 12px; - color: #8b949e; + color: #7d8590; border-top: 1px solid #30363d; } @@ -817,7 +825,7 @@ } .markdown-body .footnotes li:target { - color: #c9d1d9; + color: #e6edf3; } .markdown-body .footnotes .data-footnote-backref g-emoji { diff --git a/github-markdown-light.css b/github-markdown-light.css index 33766e8..5fe7d9e 100644 --- a/github-markdown-light.css +++ b/github-markdown-light.css @@ -1,8 +1,10 @@ +/*light*/ + .markdown-body { -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","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; @@ -53,6 +55,7 @@ .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -75,7 +78,7 @@ .markdown-body mark { background-color: #fff8c5; - color: #24292f; + color: #1F2328; } .markdown-body small { @@ -251,7 +254,7 @@ padding: 3px 5px; 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); @@ -297,7 +300,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #57606a; + color: #656d76; } .markdown-body p { @@ -308,7 +311,7 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #57606a; + color: #656d76; border-left: .25em solid #d0d7de; } @@ -389,7 +392,7 @@ } .markdown-body .absent { - color: #cf222e; + color: #d1242f; } .markdown-body .anchor { @@ -429,7 +432,7 @@ .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { - color: #24292f; + color: #1F2328; vertical-align: middle; visibility: hidden; } @@ -498,19 +501,19 @@ list-style-type: none; } -.markdown-body ol[type=a] { +.markdown-body ol[type="a s"] { list-style-type: lower-alpha; } -.markdown-body ol[type=A] { +.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] { +.markdown-body ol[type="I s"] { list-style-type: upper-roman; } @@ -565,6 +568,10 @@ border: 1px solid #d0d7de; } +.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); @@ -616,7 +623,7 @@ display: block; padding: 5px 0 0; clear: both; - color: #24292f; + color: #1F2328; } .markdown-body span.align-center { @@ -731,6 +738,7 @@ overflow: auto; font-size: 85%; line-height: 1.45; + color: #1F2328; background-color: #f6f8fa; border-radius: 6px; } @@ -785,7 +793,7 @@ .markdown-body .footnotes { font-size: 12px; - color: #57606a; + color: #656d76; border-top: 1px solid #d0d7de; } @@ -816,7 +824,7 @@ } .markdown-body .footnotes li:target { - color: #24292f; + color: #1F2328; } .markdown-body .footnotes .data-footnote-backref g-emoji { @@ -834,7 +842,7 @@ .markdown-body .pl-e, .markdown-body .pl-en { - color: #8250df; + color: #6639ba; } .markdown-body .pl-smi, diff --git a/github-markdown.css b/github-markdown.css index 0c333ba..c79ea68 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -1,5 +1,7 @@ @media (prefers-color-scheme: dark) { - .markdown-body { + .markdown-body, + [data-theme="dark"] { + /*dark*/ color-scheme: dark; --color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-constant: #79c0ff; @@ -31,15 +33,15 @@ --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-default: #e6edf3; + --color-fg-muted: #7d8590; --color-fg-subtle: #6e7681; --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-fg: #2f81f7; --color-accent-emphasis: #1f6feb; --color-attention-subtle: rgba(187,128,9,0.15); --color-danger-fg: #f85149; @@ -47,11 +49,13 @@ } @media (prefers-color-scheme: light) { - .markdown-body { + .markdown-body, + [data-theme="light"] { + /*light*/ color-scheme: light; --color-prettylights-syntax-comment: #6e7781; --color-prettylights-syntax-constant: #0550ae; - --color-prettylights-syntax-entity: #8250df; + --color-prettylights-syntax-entity: #6639ba; --color-prettylights-syntax-storage-modifier-import: #24292f; --color-prettylights-syntax-entity-tag: #116329; --color-prettylights-syntax-keyword: #cf222e; @@ -79,8 +83,8 @@ --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-default: #1F2328; + --color-fg-muted: #656d76; --color-fg-subtle: #6e7781; --color-canvas-default: #ffffff; --color-canvas-subtle: #f6f8fa; @@ -90,7 +94,49 @@ --color-accent-fg: #0969da; --color-accent-emphasis: #0969da; --color-attention-subtle: #fff8c5; - --color-danger-fg: #cf222e; + --color-danger-fg: #d1242f; + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #6639ba; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #953800; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --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-deleted-text: #82071e; + --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-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: #1F2328; + --color-fg-muted: #656d76; + --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: #d1242f; } } @@ -149,6 +195,7 @@ .markdown-body abbr[title] { border-bottom: none; + -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } @@ -594,19 +641,19 @@ list-style-type: none; } -.markdown-body ol[type=a] { +.markdown-body ol[type="a s"] { list-style-type: lower-alpha; } -.markdown-body ol[type=A] { +.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] { +.markdown-body ol[type="I s"] { list-style-type: upper-roman; } @@ -661,6 +708,10 @@ border: 1px solid var(--color-border-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); @@ -827,6 +878,7 @@ overflow: auto; font-size: 85%; line-height: 1.45; + color: var(--color-fg-default); background-color: var(--color-canvas-subtle); border-radius: 6px; } diff --git a/package.json b/package.json index 54b3adc..2a89055 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,9 @@ "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", @@ -32,6 +35,6 @@ "stylesheet" ], "devDependencies": { - "generate-github-markdown-css": "^5.0.2" + "generate-github-markdown-css": "^6.0.1" } }