5.3.0

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 {

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,

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;
 }

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "github-markdown-css",
-	"version": "5.2.0",
+	"version": "5.3.0",
 	"description": "The minimal amount of CSS to replicate the GitHub Markdown style",
 	"license": "MIT",
 	"repository": "sindresorhus/github-markdown-css",
@@ -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"
 	}
 }