diff --git a/scripts/diagram-dark.png b/scripts/diagram-dark.png new file mode 100644 index 00000000..50476628 Binary files /dev/null and b/scripts/diagram-dark.png differ diff --git a/scripts/diagram-dark.svg b/scripts/diagram-dark.svg index 3cf09ba2..d3044acb 100644 --- a/scripts/diagram-dark.svg +++ b/scripts/diagram-dark.svg @@ -1,10 +1,10 @@ -Create WorkspaceCodeEdit DockerfileRestart Workspace - - + .d2-1840016246 .fill-N1{fill:#CDD6F4;} + .d2-1840016246 .fill-N2{fill:#BAC2DE;} + .d2-1840016246 .fill-N3{fill:#A6ADC8;} + .d2-1840016246 .fill-N4{fill:#585B70;} + .d2-1840016246 .fill-N5{fill:#45475A;} + .d2-1840016246 .fill-N6{fill:#313244;} + .d2-1840016246 .fill-N7{fill:#1E1E2E;} + .d2-1840016246 .fill-B1{fill:#CBA6f7;} + .d2-1840016246 .fill-B2{fill:#CBA6f7;} + .d2-1840016246 .fill-B3{fill:#6C7086;} + .d2-1840016246 .fill-B4{fill:#585B70;} + .d2-1840016246 .fill-B5{fill:#45475A;} + .d2-1840016246 .fill-B6{fill:#313244;} + .d2-1840016246 .fill-AA2{fill:#f38BA8;} + .d2-1840016246 .fill-AA4{fill:#45475A;} + .d2-1840016246 .fill-AA5{fill:#313244;} + .d2-1840016246 .fill-AB4{fill:#45475A;} + .d2-1840016246 .fill-AB5{fill:#313244;} + .d2-1840016246 .stroke-N1{stroke:#CDD6F4;} + .d2-1840016246 .stroke-N2{stroke:#BAC2DE;} + .d2-1840016246 .stroke-N3{stroke:#A6ADC8;} + .d2-1840016246 .stroke-N4{stroke:#585B70;} + .d2-1840016246 .stroke-N5{stroke:#45475A;} + .d2-1840016246 .stroke-N6{stroke:#313244;} + .d2-1840016246 .stroke-N7{stroke:#1E1E2E;} + .d2-1840016246 .stroke-B1{stroke:#CBA6f7;} + .d2-1840016246 .stroke-B2{stroke:#CBA6f7;} + .d2-1840016246 .stroke-B3{stroke:#6C7086;} + .d2-1840016246 .stroke-B4{stroke:#585B70;} + .d2-1840016246 .stroke-B5{stroke:#45475A;} + .d2-1840016246 .stroke-B6{stroke:#313244;} + .d2-1840016246 .stroke-AA2{stroke:#f38BA8;} + .d2-1840016246 .stroke-AA4{stroke:#45475A;} + .d2-1840016246 .stroke-AA5{stroke:#313244;} + .d2-1840016246 .stroke-AB4{stroke:#45475A;} + .d2-1840016246 .stroke-AB5{stroke:#313244;} + .d2-1840016246 .background-color-N1{background-color:#CDD6F4;} + .d2-1840016246 .background-color-N2{background-color:#BAC2DE;} + .d2-1840016246 .background-color-N3{background-color:#A6ADC8;} + .d2-1840016246 .background-color-N4{background-color:#585B70;} + .d2-1840016246 .background-color-N5{background-color:#45475A;} + .d2-1840016246 .background-color-N6{background-color:#313244;} + .d2-1840016246 .background-color-N7{background-color:#1E1E2E;} + .d2-1840016246 .background-color-B1{background-color:#CBA6f7;} + .d2-1840016246 .background-color-B2{background-color:#CBA6f7;} + .d2-1840016246 .background-color-B3{background-color:#6C7086;} + .d2-1840016246 .background-color-B4{background-color:#585B70;} + .d2-1840016246 .background-color-B5{background-color:#45475A;} + .d2-1840016246 .background-color-B6{background-color:#313244;} + .d2-1840016246 .background-color-AA2{background-color:#f38BA8;} + .d2-1840016246 .background-color-AA4{background-color:#45475A;} + .d2-1840016246 .background-color-AA5{background-color:#313244;} + .d2-1840016246 .background-color-AB4{background-color:#45475A;} + .d2-1840016246 .background-color-AB5{background-color:#313244;} + .d2-1840016246 .color-N1{color:#CDD6F4;} + .d2-1840016246 .color-N2{color:#BAC2DE;} + .d2-1840016246 .color-N3{color:#A6ADC8;} + .d2-1840016246 .color-N4{color:#585B70;} + .d2-1840016246 .color-N5{color:#45475A;} + .d2-1840016246 .color-N6{color:#313244;} + .d2-1840016246 .color-N7{color:#1E1E2E;} + .d2-1840016246 .color-B1{color:#CBA6f7;} + .d2-1840016246 .color-B2{color:#CBA6f7;} + .d2-1840016246 .color-B3{color:#6C7086;} + .d2-1840016246 .color-B4{color:#585B70;} + .d2-1840016246 .color-B5{color:#45475A;} + .d2-1840016246 .color-B6{color:#313244;} + .d2-1840016246 .color-AA2{color:#f38BA8;} + .d2-1840016246 .color-AA4{color:#45475A;} + .d2-1840016246 .color-AA5{color:#313244;} + .d2-1840016246 .color-AB4{color:#45475A;} + .d2-1840016246 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]>Create WorkspaceCodeEdit DockerfileRestart Workspace + + + + + diff --git a/scripts/diagram-light.png b/scripts/diagram-light.png new file mode 100644 index 00000000..3018e395 Binary files /dev/null and b/scripts/diagram-light.png differ diff --git a/scripts/diagram-light.svg b/scripts/diagram-light.svg index 200b3d22..1652a32e 100644 --- a/scripts/diagram-light.svg +++ b/scripts/diagram-light.svg @@ -1,10 +1,10 @@ -Create WorkspaceCodeEdit DockerfileRestart Workspace - - + .d2-1840016246 .fill-N1{fill:#0A0F25;} + .d2-1840016246 .fill-N2{fill:#676C7E;} + .d2-1840016246 .fill-N3{fill:#9499AB;} + .d2-1840016246 .fill-N4{fill:#CFD2DD;} + .d2-1840016246 .fill-N5{fill:#DEE1EB;} + .d2-1840016246 .fill-N6{fill:#EEF1F8;} + .d2-1840016246 .fill-N7{fill:#FFFFFF;} + .d2-1840016246 .fill-B1{fill:#0A0F25;} + .d2-1840016246 .fill-B2{fill:#676C7E;} + .d2-1840016246 .fill-B3{fill:#9499AB;} + .d2-1840016246 .fill-B4{fill:#CFD2DD;} + .d2-1840016246 .fill-B5{fill:#DEE1EB;} + .d2-1840016246 .fill-B6{fill:#EEF1F8;} + .d2-1840016246 .fill-AA2{fill:#676C7E;} + .d2-1840016246 .fill-AA4{fill:#CFD2DD;} + .d2-1840016246 .fill-AA5{fill:#DEE1EB;} + .d2-1840016246 .fill-AB4{fill:#CFD2DD;} + .d2-1840016246 .fill-AB5{fill:#DEE1EB;} + .d2-1840016246 .stroke-N1{stroke:#0A0F25;} + .d2-1840016246 .stroke-N2{stroke:#676C7E;} + .d2-1840016246 .stroke-N3{stroke:#9499AB;} + .d2-1840016246 .stroke-N4{stroke:#CFD2DD;} + .d2-1840016246 .stroke-N5{stroke:#DEE1EB;} + .d2-1840016246 .stroke-N6{stroke:#EEF1F8;} + .d2-1840016246 .stroke-N7{stroke:#FFFFFF;} + .d2-1840016246 .stroke-B1{stroke:#0A0F25;} + .d2-1840016246 .stroke-B2{stroke:#676C7E;} + .d2-1840016246 .stroke-B3{stroke:#9499AB;} + .d2-1840016246 .stroke-B4{stroke:#CFD2DD;} + .d2-1840016246 .stroke-B5{stroke:#DEE1EB;} + .d2-1840016246 .stroke-B6{stroke:#EEF1F8;} + .d2-1840016246 .stroke-AA2{stroke:#676C7E;} + .d2-1840016246 .stroke-AA4{stroke:#CFD2DD;} + .d2-1840016246 .stroke-AA5{stroke:#DEE1EB;} + .d2-1840016246 .stroke-AB4{stroke:#CFD2DD;} + .d2-1840016246 .stroke-AB5{stroke:#DEE1EB;} + .d2-1840016246 .background-color-N1{background-color:#0A0F25;} + .d2-1840016246 .background-color-N2{background-color:#676C7E;} + .d2-1840016246 .background-color-N3{background-color:#9499AB;} + .d2-1840016246 .background-color-N4{background-color:#CFD2DD;} + .d2-1840016246 .background-color-N5{background-color:#DEE1EB;} + .d2-1840016246 .background-color-N6{background-color:#EEF1F8;} + .d2-1840016246 .background-color-N7{background-color:#FFFFFF;} + .d2-1840016246 .background-color-B1{background-color:#0A0F25;} + .d2-1840016246 .background-color-B2{background-color:#676C7E;} + .d2-1840016246 .background-color-B3{background-color:#9499AB;} + .d2-1840016246 .background-color-B4{background-color:#CFD2DD;} + .d2-1840016246 .background-color-B5{background-color:#DEE1EB;} + .d2-1840016246 .background-color-B6{background-color:#EEF1F8;} + .d2-1840016246 .background-color-AA2{background-color:#676C7E;} + .d2-1840016246 .background-color-AA4{background-color:#CFD2DD;} + .d2-1840016246 .background-color-AA5{background-color:#DEE1EB;} + .d2-1840016246 .background-color-AB4{background-color:#CFD2DD;} + .d2-1840016246 .background-color-AB5{background-color:#DEE1EB;} + .d2-1840016246 .color-N1{color:#0A0F25;} + .d2-1840016246 .color-N2{color:#676C7E;} + .d2-1840016246 .color-N3{color:#9499AB;} + .d2-1840016246 .color-N4{color:#CFD2DD;} + .d2-1840016246 .color-N5{color:#DEE1EB;} + .d2-1840016246 .color-N6{color:#EEF1F8;} + .d2-1840016246 .color-N7{color:#FFFFFF;} + .d2-1840016246 .color-B1{color:#0A0F25;} + .d2-1840016246 .color-B2{color:#676C7E;} + .d2-1840016246 .color-B3{color:#9499AB;} + .d2-1840016246 .color-B4{color:#CFD2DD;} + .d2-1840016246 .color-B5{color:#DEE1EB;} + .d2-1840016246 .color-B6{color:#EEF1F8;} + .d2-1840016246 .color-AA2{color:#676C7E;} + .d2-1840016246 .color-AA4{color:#CFD2DD;} + .d2-1840016246 .color-AA5{color:#DEE1EB;} + .d2-1840016246 .color-AB4{color:#CFD2DD;} + .d2-1840016246 .color-AB5{color:#DEE1EB;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0A0F25;--color-border-muted:#676C7E;--color-neutral-muted:#EEF1F8;--color-accent-fg:#676C7E;--color-accent-emphasis:#676C7E;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-B3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]>Create WorkspaceCodeEdit DockerfileRestart Workspace + + + + + diff --git a/scripts/diagram.sh b/scripts/diagram.sh index b6fe5da2..a4c0f1f2 100755 --- a/scripts/diagram.sh +++ b/scripts/diagram.sh @@ -3,5 +3,8 @@ cd "$(dirname "${BASH_SOURCE[0]}")" set -euxo pipefail -d2 ./diagram.d2 --pad=32 -t 1 ./diagram-light.svg -d2 ./diagram.d2 --pad=32 -t 200 ./diagram-dark.svg \ No newline at end of file +formats=( svg png ) +for format in "${formats[@]}"; do + d2 ./diagram.d2 --pad=32 -t 1 "./diagram-light.${format}" + d2 ./diagram.d2 --pad=32 -t 200 "./diagram-dark.${format}" +done