luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #211 from gavin-ts/md-render-ignore-system-dark-mode

Browse source 
render: consistent md render regardless of system dark mode
This commit is contained in:
gavin-ts 2022-11-25 11:25:45 -08:00 committed by GitHub
commit bc9f41d13a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
30 changed files with 408 additions and 986 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ci/release/changelogs/next.md
View file

@ -9,3 +9,5 @@
- 3D style was missing border and other styles for its top and right faces. - 3D style was missing border and other styles for its top and right faces.
[#187](https://github.com/terrastruct/d2/pull/187) [#187](https://github.com/terrastruct/d2/pull/187)
- System dark mode was incorrectly applying to markdown in renders.
[#159](https://github.com/terrastruct/d2/issues/159)

48
d2renderers/d2svg/github-markdown.css vendored
View file

@ -21,40 +21,20 @@
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

48
e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1317" height="1854" viewBox="-100 -100 1317 1854"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 813 KiB

After

Width:  |  Height:  |  Size: 812 KiB

48
e2etests/testdata/stable/chaos2/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1856" height="1097" viewBox="-88 -88 1856 1097"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 814 KiB

After

Width:  |  Height:  |  Size: 813 KiB

48
e2etests/testdata/stable/giant_markdown_test/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="3251" height="5500" viewBox="-100 -100 3251 5500"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 994 KiB

After

Width:  |  Height:  |  Size: 993 KiB

48
e2etests/testdata/stable/giant_markdown_test/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="3677" height="5048" viewBox="-88 -88 3677 5048"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 993 KiB

After

Width:  |  Height:  |  Size: 993 KiB

48
e2etests/testdata/stable/hr/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="938" height="786" viewBox="-100 -100 938 786"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/hr/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1364" height="334" viewBox="-88 -88 1364 334"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/li1/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="579" height="752" viewBox="-100 -100 579 752"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/li1/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1005" height="326" viewBox="-88 -88 1005 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/li2/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="445" height="728" viewBox="-100 -100 445 728"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 802 KiB

48
e2etests/testdata/stable/li2/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="871" height="326" viewBox="-88 -88 871 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 802 KiB

48
e2etests/testdata/stable/li3/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="547" height="1164" viewBox="-100 -100 547 1164"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/li3/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="973" height="712" viewBox="-88 -88 973 712"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/li4/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1120" height="1028" viewBox="-100 -100 1120 1028"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 KiB

After

Width:  |  Height:  |  Size: 841 KiB

48
e2etests/testdata/stable/li4/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1546" height="576" viewBox="-88 -88 1546 576"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 842 KiB

After

Width:  |  Height:  |  Size: 841 KiB

48
e2etests/testdata/stable/lone_h1/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="466" height="702" viewBox="-100 -100 466 702"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/lone_h1/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="892" height="326" viewBox="-88 -88 892 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 659 KiB

48
e2etests/testdata/stable/markdown/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="731" height="838" viewBox="-100 -100 731 838"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

48
e2etests/testdata/stable/markdown/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1158" height="386" viewBox="-88 -88 1158 386"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

48
e2etests/testdata/stable/md_code_block_fenced/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="396" height="763" viewBox="-100 -100 396 763"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/md_code_block_fenced/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="822" height="326" viewBox="-88 -88 822 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/md_code_block_indented/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="412" height="803" viewBox="-100 -100 412 803"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/md_code_block_indented/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="838" height="351" viewBox="-88 -88 838 351"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/md_code_inline/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="313" height="676" viewBox="-100 -100 313 676"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/md_code_inline/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="672" height="326" viewBox="-88 -88 672 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/p/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="2057" height="676" viewBox="-100 -100 2057 676"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/p/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="2483" height="326" viewBox="-88 -88 2483 326"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

48
e2etests/testdata/stable/pre/dagre/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="802" height="822" viewBox="-100 -100 802 822"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB

48
e2etests/testdata/stable/pre/elk/sketch.exp.svg vendored
View file

@ -37,40 +37,20 @@ width="1228" height="370" viewBox="-88 -88 1228 370"><style type="text/css">
} }
/* based on https://github.com/sindresorhus/github-markdown-css */ /* based on https://github.com/sindresorhus/github-markdown-css */
@media (prefers-color-scheme: dark) { .md {
.md { color-scheme: light;
color-scheme: dark; --color-fg-default: #24292f;
--color-fg-default: #c9d1d9; --color-fg-muted: #57606a;
--color-fg-muted: #8b949e; --color-fg-subtle: #6e7781;
--color-fg-subtle: #484f58; --color-canvas-default: #ffffff;
--color-canvas-default: #0d1117; --color-canvas-subtle: #f6f8fa;
--color-canvas-subtle: #161b22; --color-border-default: #d0d7de;
--color-border-default: #30363d; --color-border-muted: hsla(210, 18%, 87%, 1);
--color-border-muted: #21262d; --color-neutral-muted: rgba(175, 184, 193, 0.2);
--color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #0969da;
--color-accent-fg: #58a6ff; --color-accent-emphasis: #0969da;
--color-accent-emphasis: #1f6feb; --color-attention-subtle: #fff8c5;
--color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #cf222e;
--color-danger-fg: #f85149;
}
}
@media (prefers-color-scheme: light) {
.md {
color-scheme: light;
--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;
}
} }
.md { .md {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 841 KiB

After

Width:  |  Height:  |  Size: 840 KiB