Regenerate GitHub CSS

This commit is contained in:
Sindre Sorhus 2023-10-11 02:26:37 +07:00
parent 5ec832f378
commit b8b9732e99
4 changed files with 116 additions and 45 deletions

View File

@ -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 {

View File

@ -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,

View File

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

View File

@ -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"
}
}