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 3b09f5f..cc339ff 100644 --- a/github-markdown-dark.css +++ b/github-markdown-dark.css @@ -146,6 +146,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; + appearance: button; } .markdown-body [type=checkbox], @@ -162,6 +163,7 @@ .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 { @@ -171,6 +173,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -301,7 +304,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #7d8590; + color: #848d97; } .markdown-body p { @@ -312,7 +315,7 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #7d8590; + color: #848d97; border-left: .25em solid #30363d; } @@ -368,32 +371,8 @@ appearance: none; } -.markdown-body .color-fg-accent { - color: #2f81f7 !important; -} - -.markdown-body .color-fg-attention { - color: #d29922 !important; -} - -.markdown-body .color-fg-done { - color: #a371f7 !important; -} - -.markdown-body .flex-items-center { - align-items: center !important; -} - -.markdown-body .mb-1 { - margin-bottom: var(--base-size-4, 4px) !important; -} - -.markdown-body .text-semibold { - font-weight: var(--base-text-weight-medium, 500) !important; -} - -.markdown-body .d-inline-flex { - display: inline-flex !important; +.markdown-body .mr-2 { + margin-right: 8px !important; } .markdown-body::before { @@ -822,7 +801,7 @@ .markdown-body .footnotes { font-size: 12px; - color: #7d8590; + color: #848d97; border-top: 1px solid #30363d; } @@ -1038,20 +1017,12 @@ clip: auto; } -.markdown-body .QueryBuilder .qb-entity { - color: #d2a8ff; -} - -.markdown-body .QueryBuilder .qb-constant { - color: #79c0ff; -} - .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } .markdown-body .markdown-alert { - padding: 0 1em; + padding: 8px 16px; margin-bottom: 16px; color: inherit; border-left: .25em solid #30363d; @@ -1065,14 +1036,49 @@ 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: #2f81f7; + border-left-color: #1f6feb; +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: #2f81f7; } .markdown-body .markdown-alert.markdown-alert-important { - border-left-color: #a371f7; + border-left-color: #8957e5; +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: #a371f7; } .markdown-body .markdown-alert.markdown-alert-warning { - border-left-color: #d29922; + 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; } diff --git a/github-markdown-light.css b/github-markdown-light.css index 8cf3a7d..b465116 100644 --- a/github-markdown-light.css +++ b/github-markdown-light.css @@ -145,6 +145,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; + appearance: button; } .markdown-body [type=checkbox], @@ -161,6 +162,7 @@ .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 { @@ -170,6 +172,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -367,32 +370,8 @@ appearance: none; } -.markdown-body .color-fg-accent { - color: #0969da !important; -} - -.markdown-body .color-fg-attention { - color: #9a6700 !important; -} - -.markdown-body .color-fg-done { - color: #8250df !important; -} - -.markdown-body .flex-items-center { - align-items: center !important; -} - -.markdown-body .mb-1 { - margin-bottom: var(--base-size-4, 4px) !important; -} - -.markdown-body .text-semibold { - font-weight: var(--base-text-weight-medium, 500) !important; -} - -.markdown-body .d-inline-flex { - display: inline-flex !important; +.markdown-body .mr-2 { + margin-right: 8px !important; } .markdown-body::before { @@ -860,7 +839,7 @@ } .markdown-body .pl-c { - color: #6e7781; + color: #57606a; } .markdown-body .pl-c1, @@ -1037,20 +1016,12 @@ clip: auto; } -.markdown-body .QueryBuilder .qb-entity { - color: #6639ba; -} - -.markdown-body .QueryBuilder .qb-constant { - color: #0550ae; -} - .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } .markdown-body .markdown-alert { - padding: 0 1em; + padding: 8px 16px; margin-bottom: 16px; color: inherit; border-left: .25em solid #d0d7de; @@ -1064,14 +1035,49 @@ 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: #1f883d; +} + +.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; +} diff --git a/github-markdown.css b/github-markdown.css index b9fdf29..d32a314 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -34,7 +34,7 @@ --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; --color-fg-default: #e6edf3; - --color-fg-muted: #7d8590; + --color-fg-muted: #848d97; --color-fg-subtle: #6e7681; --color-canvas-default: #0d1117; --color-canvas-subtle: #161b22; @@ -43,10 +43,15 @@ --color-neutral-muted: rgba(110,118,129,0.4); --color-accent-fg: #2f81f7; --color-accent-emphasis: #1f6feb; + --color-success-fg: #3fb950; + --color-success-emphasis: #238636; --color-attention-fg: #d29922; + --color-attention-emphasis: #9e6a03; --color-attention-subtle: rgba(187,128,9,0.15); --color-danger-fg: #f85149; + --color-danger-emphasis: #da3633; --color-done-fg: #a371f7; + --color-done-emphasis: #8957e5; } } @@ -55,51 +60,7 @@ [data-theme="light"] { /*light*/ color-scheme: light; - --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-fg: #9a6700; - --color-attention-subtle: #fff8c5; - --color-danger-fg: #d1242f; - --color-done-fg: #8250df; - --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-comment: #57606a; --color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-entity: #6639ba; --color-prettylights-syntax-storage-modifier-import: #24292f; @@ -139,10 +100,15 @@ --color-neutral-muted: rgba(175,184,193,0.2); --color-accent-fg: #0969da; --color-accent-emphasis: #0969da; + --color-success-fg: #1a7f37; + --color-success-emphasis: #1f883d; --color-attention-fg: #9a6700; + --color-attention-emphasis: #9a6700; --color-attention-subtle: #fff8c5; --color-danger-fg: #d1242f; + --color-danger-emphasis: #cf222e; --color-done-fg: #8250df; + --color-done-emphasis: #8250df; } } @@ -291,6 +257,7 @@ .markdown-body [type=reset], .markdown-body [type=submit] { -webkit-appearance: button; + appearance: button; } .markdown-body [type=checkbox], @@ -307,6 +274,7 @@ .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 { @@ -316,6 +284,7 @@ .markdown-body ::-webkit-file-upload-button { -webkit-appearance: button; + appearance: button; font: inherit; } @@ -513,32 +482,8 @@ appearance: none; } -.markdown-body .color-fg-accent { - color: var(--color-accent-fg) !important; -} - -.markdown-body .color-fg-attention { - color: var(--color-attention-fg) !important; -} - -.markdown-body .color-fg-done { - color: var(--color-done-fg) !important; -} - -.markdown-body .flex-items-center { - align-items: center !important; -} - -.markdown-body .mb-1 { - margin-bottom: var(--base-size-4, 4px) !important; -} - -.markdown-body .text-semibold { - font-weight: var(--base-text-weight-medium, 500) !important; -} - -.markdown-body .d-inline-flex { - display: inline-flex !important; +.markdown-body .mr-2 { + margin-right: var(--base-size-8, 8px) !important; } .markdown-body::before { @@ -1183,20 +1128,12 @@ clip: auto; } -.markdown-body .QueryBuilder .qb-entity { - color: var(--color-prettylights-syntax-entity); -} - -.markdown-body .QueryBuilder .qb-constant { - color: var(--color-prettylights-syntax-constant); -} - .markdown-body ::-webkit-calendar-picker-indicator { filter: invert(50%); } .markdown-body .markdown-alert { - padding: 0 1em; + padding: var(--base-size-8) var(--base-size-16); margin-bottom: 16px; color: inherit; border-left: .25em solid var(--color-border-default); @@ -1210,14 +1147,49 @@ 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(--color-accent-fg); + border-left-color: var(--color-accent-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: var(--color-accent-fg); } .markdown-body .markdown-alert.markdown-alert-important { - border-left-color: var(--color-done-fg); + border-left-color: var(--color-done-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: var(--color-done-fg); } .markdown-body .markdown-alert.markdown-alert-warning { - border-left-color: var(--color-attention-fg); + border-left-color: var(--color-attention-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { + color: var(--color-attention-fg); +} + +.markdown-body .markdown-alert.markdown-alert-tip { + border-left-color: var(--color-success-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { + color: var(--color-success-fg); +} + +.markdown-body .markdown-alert.markdown-alert-caution { + border-left-color: var(--color-danger-emphasis); +} + +.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { + color: var(--color-danger-fg); } diff --git a/package.json b/package.json index 2e826d7..f5a45e5 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "url": "https://sindresorhus.com" }, "main": "github-markdown.css", + "sideEffects": false, "engines": { "node": ">=10" }, @@ -35,6 +36,6 @@ "stylesheet" ], "devDependencies": { - "generate-github-markdown-css": "^6.1.0" + "generate-github-markdown-css": "^6.2.0" } }