erik/warp-themes
erik/warp-themes
1
0
Fork 0
mirror of https://github.com/ethauvin/warp-themes.git synced 2025-04-25 01:07:10 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

lint: trunk - svgo

Browse source
This commit is contained in:
elvis kahoro 2022-10-23 22:53:02 -04:00
parent 892e438bd4
commit 26ccf5d015
295 changed files with 7670 additions and 19175 deletions
Download patch file Download diff file Expand all files Collapse all files

91
standard/previews/afterglow.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2c2c2c" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d6d6d6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7eaac7" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2c2c2c" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d6d6d6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7eaac7" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#bc5653" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#bc5653" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d6d6d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d6d6d6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d6d6d6"/>
<!-- second command -->
<text x="15" y="55" fill="#d6d6d6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d6d6d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d6d6d6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d6d6d6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d6d6d6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1c1c1c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1c1c1c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#bc5653" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#bc5653" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#909d63" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#909d63" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ebc17a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ebc17a" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7eaac7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7eaac7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#aa6292" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#aa6292" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#86d3ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#86d3ce" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#cacaca" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#cacaca" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d6d6d6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d6d6d6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#636363" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#636363" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#bc5653" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#bc5653" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#909d63" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#909d63" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ebc17a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ebc17a" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7eaac7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7eaac7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#aa6292" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#aa6292" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#86d3ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#86d3ce" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f7f7f7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f7f7f7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d6d6d6" />
<!-- prompt -->
<text x="15" y="110" fill="#aa6292" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d6d6d6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#aa6292" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#909d63" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#909d63" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ebc17a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ebc17a" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#909d63" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#909d63" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7eaac7" />
</svg>
</text><path stroke="#7eaac7" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/apple_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1c1c1e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1c1c1e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#FAFAFA" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0A84FF" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#FF453A" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#FAFAFA" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#FAFAFA"/>
<!-- second command -->
<text x="15" y="55" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FAFAFA" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#FAFAFA" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#FAFAFA" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#FF453A" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#30D158" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FFD60A" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0A84FF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#FF37F2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#64D2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#64D2FF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#F2F2F7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#FAFAFA" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#FAFAFA" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF3B30" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#34C759" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FC0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#007AFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#FF2DDE" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#32ADE6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#32ADE6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#F2F2F7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#FAFAFA" />
<!-- prompt -->
<text x="15" y="110" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FAFAFA" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#FF37F2" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#30D158" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FFD60A" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#30D158" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#FF9F0A" />
</svg>
</text><path stroke="#FF9F0A" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/apple_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#E5E5EA" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#E5E5EA" class="Dynamic" rx="5"/><text x="15" y="15" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#007AFF" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#FF3B30" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#1C1C1E"/>
<!-- second command -->
<text x="15" y="55" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#1C1C1E" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#FF3B30" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#FF3B30" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#34C759" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FC0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#007AFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#007AFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#FF2DDE" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#32ADE6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#32ADE6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#F2F2F7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1C1C1E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1C1C1E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF453A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF453A" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#30D158" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#30D158" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFD60A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FFD60A" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0A84FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#0A84FF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#FF37F2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#FF37F2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#64D2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#64D2FF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#F2F2F7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#F2F2F7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#1C1C1E" />
<!-- prompt -->
<text x="15" y="110" fill="#FF2DDE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#1C1C1E" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#FF2DDE" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#34C759" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFCC00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FC0" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#34C759" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#34C759" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#FF9500" />
</svg>
</text><path stroke="#FF9500" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/argonaut.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#292C3E" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#1BA6FA" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#292C3E" class="Dynamic" rx="5"/><text x="15" y="15" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#1BA6FA" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#FF301B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#FF301B" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#EBEBEB"/>
<!-- second command -->
<text x="15" y="55" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#EBEBEB" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#0d0d0d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#0d0d0d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#FF301B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#FF301B" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#A0E521" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#A0E521" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFC620" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FFC620" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#1BA6FA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#1BA6FA" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#8763B8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#8763B8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#21DEEF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#21DEEF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#EBEBEB" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#EBEBEB" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6D7070" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6D7070" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF4352" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF4352" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#B8E466" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#B8E466" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFD750" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FFD750" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#1BA6FA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#1BA6FA" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#A578EA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#A578EA" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#73FBF1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#73FBF1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FEFEF8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FEFEF8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#EBEBEB" />
<!-- prompt -->
<text x="15" y="110" fill="#8763B8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#EBEBEB" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#8763B8" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#A0E521" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#A0E521" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFC620" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FFC620" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#A0E521" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#A0E521" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#1BA6FA" />
</svg>
</text><path stroke="#1BA6FA" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/avirage.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#12091b" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#cbd5e1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0284c7" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#12091b" class="Dynamic" rx="5"/><text x="15" y="15" fill="#cbd5e1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0284c7" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#be185d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#be185d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#cbd5e1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#cbd5e1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#cbd5e1"/>
<!-- second command -->
<text x="15" y="55" fill="#cbd5e1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#cbd5e1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cbd5e1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#cbd5e1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#cbd5e1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#18181b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#18181b" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#be185d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#be185d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#22c55e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#22c55e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#facc15" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#facc15" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0284c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0284c7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#db2777" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#db2777" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#2dd4bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#2dd4bf" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e4e4e7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e4e4e7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#cbd5e1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#cbd5e1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#475569" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#475569" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#db2777" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#db2777" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#4ade80" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#4ade80" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fde047" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fde047" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#38bdf8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#38bdf8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#f472b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f472b6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#99f6e4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#99f6e4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f4f4f5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f4f4f5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#cbd5e1" />
<!-- prompt -->
<text x="15" y="110" fill="#db2777" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cbd5e1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#db2777" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#22c55e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#22c55e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#facc15" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#facc15" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#22c55e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#22c55e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#312e81" />
</svg>
</text><path stroke="#312e81" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/ayu_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#0A0E14" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#B3B1AD" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#53BDFA" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#0A0E14" class="Dynamic" rx="5"/><text x="15" y="15" fill="#B3B1AD" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#53BDFA" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#EA6C73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#EA6C73" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#B3B1AD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#B3B1AD" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#B3B1AD"/>
<!-- second command -->
<text x="15" y="55" fill="#B3B1AD" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#B3B1AD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#B3B1AD" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#B3B1AD" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#B3B1AD" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#01060E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#01060E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#EA6C73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#EA6C73" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#91B362" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#91B362" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#F9AF4F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#F9AF4F" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#53BDFA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#53BDFA" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#FAE994" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#FAE994" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#90E1C6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#90E1C6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#C7C7C7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#C7C7C7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#B3B1AD" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#B3B1AD" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#F07178" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#F07178" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#C2D94C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#C2D94C" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFB454" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FFB454" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#59C2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#59C2FF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#FFEE99" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#FE9" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#95E6CB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#95E6CB" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#B3B1AD" />
<!-- prompt -->
<text x="15" y="110" fill="#FAE994" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#B3B1AD" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#FAE994" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#91B362" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#91B362" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#F9AF4F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#F9AF4F" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#91B362" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#91B362" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#53BDFA" />
</svg>
</text><path stroke="#53BDFA" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/ayu_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#f8f9fa" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#5c6166" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#3199e1" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#f8f9fa" class="Dynamic" rx="5"/><text x="15" y="15" fill="#5c6166" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#3199e1" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ea6c6d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ea6c6d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#5c6166" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#5c6166" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#5c6166"/>
<!-- second command -->
<text x="15" y="55" fill="#5c6166" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#5c6166" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5c6166" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#5c6166" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#5c6166" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ea6c6d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ea6c6d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#6cbf43" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#6cbf43" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#eca944" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#eca944" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#3199e1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#3199e1" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#9e75c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#9e75c7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#46ba94" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#46ba94" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c7c7c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c7c7c7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#5c6166" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#5c6166" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f07171" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f07171" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#86b300" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#86b300" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f2ae49" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f2ae49" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#399ee6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#399ee6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#a37acc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#a37acc" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#4cbf99" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#4cbf99" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d1d1d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d1d1d1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#5c6166" />
<!-- prompt -->
<text x="15" y="110" fill="#9e75c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5c6166" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#9e75c7" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#6cbf43" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#6cbf43" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#eca944" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#eca944" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#6cbf43" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#6cbf43" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ffaa33" />
</svg>
</text><path stroke="#fa3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/ayu_mirage.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1f2430" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#cccac2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6dcbfa" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1f2430" class="Dynamic" rx="5"/><text x="15" y="15" fill="#cccac2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6dcbfa" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ed8274" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ed8274" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#cccac2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#cccac2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#cccac2"/>
<!-- second command -->
<text x="15" y="55" fill="#cccac2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#cccac2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cccac2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#cccac2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#cccac2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#171b24" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#171b24" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ed8274" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ed8274" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#87d96c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#87d96c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#facc6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#facc6e" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6dcbfa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6dcbfa" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#dabafa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#dabafa" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#90e1c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#90e1c6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c7c7c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c7c7c7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#cccac2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#cccac2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f28779" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f28779" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#d5ff80" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#d5ff80" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffd173" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffd173" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#73d0ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#73d0ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#dfbfff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#dfbfff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#95e6cb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#95e6cb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#cccac2" />
<!-- prompt -->
<text x="15" y="110" fill="#dabafa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cccac2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#dabafa" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#87d96c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#87d96c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#facc6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#facc6e" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#87d96c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#87d96c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ffcc66" />
</svg>
</text><path stroke="#fc6" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/blood_moon.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#10100E" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0087BD" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#10100E" class="Dynamic" rx="5"/><text x="15" y="15" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0087BD" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#C40233" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#C40233" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#C6C6C4"/>
<!-- second command -->
<text x="15" y="55" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#C6C6C4" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#10100E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#10100E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#C40233" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#C40233" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#009F6B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#009F6B" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFD700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="gold" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0087BD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0087BD" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#9A4EAE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#9A4EAE" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#20B2AA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#20B2AA" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#C6C6C4" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#C6C6C4" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#696969" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#696969" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF2400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF2400" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#03C03C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#03C03C" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FDFF00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FDFF00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#007FFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#007FFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#FF1493" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#FF1493" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0CC" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFAFA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="snow" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#C6C6C4" />
<!-- prompt -->
<text x="15" y="110" fill="#9A4EAE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#C6C6C4" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#9A4EAE" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#009F6B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#009F6B" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFD700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="gold" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#009F6B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#009F6B" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0087BD" />
</svg>
</text><path stroke="#0087BD" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/breeze.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#232627" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#1d99f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#232627" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#1d99f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ed1515" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ed1515" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#fcfcfc"/>
<!-- second command -->
<text x="15" y="55" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fcfcfc" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#232627" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#232627" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ed1515" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ed1515" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#11d116" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#11d116" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f67400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f67400" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#1d99f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#1d99f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#9b59b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#9b59b6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#1abc9c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#1abc9c" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#fcfcfc" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fcfcfc" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#7f8c8d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#7f8c8d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#c0392b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#c0392b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#1cdc9a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#1cdc9a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fdbc4b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fdbc4b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#3daee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#3daee9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#8e44ad" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#8e44ad" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#16a085" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#16a085" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#fcfcfc" />
<!-- prompt -->
<text x="15" y="110" fill="#9b59b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fcfcfc" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#9b59b6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#11d116" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#11d116" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f67400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f67400" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#11d116" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#11d116" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#1d99f3" />
</svg>
</text><path stroke="#1d99f3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/campbell.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#0c0c0c" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#cccccc" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0037da" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#0c0c0c" class="Dynamic" rx="5"/><text x="15" y="15" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0037da" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c50f1f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c50f1f" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#cccccc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#cccccc"/>
<!-- second command -->
<text x="15" y="55" fill="#cccccc" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#cccccc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ccc" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#0c0c0c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#0c0c0c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c50f1f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c50f1f" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#13a10e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#13a10e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#c19c00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#c19c00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0037da" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0037da" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#881798" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#881798" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#3a96dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#3a96dd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#cccccc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#cccccc" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#ccc" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#767676" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#767676" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#e74856" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#e74856" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#16c60c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#16c60c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f9f1a5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f9f1a5" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#3b78ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#3b78ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b4009e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b4009e" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#61d6d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#61d6d6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f2f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f2f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#cccccc" />
<!-- prompt -->
<text x="15" y="110" fill="#881798" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ccc" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#881798" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#13a10e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#13a10e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#c19c00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#c19c00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#13a10e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#13a10e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0037da" />
</svg>
</text><path stroke="#0037da" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/catppuccin.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1E1E2E" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#96CDFB" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1E1E2E" class="Dynamic" rx="5"/><text x="15" y="15" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#96CDFB" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#F28FAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#F28FAD" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#D9E0EE"/>
<!-- second command -->
<text x="15" y="55" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#D9E0EE" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#6E6C7E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#6E6C7E" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#F28FAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#F28FAD" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#ABE9B3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#ABE9B3" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FAE3B0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FAE3B0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#96CDFB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#96CDFB" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#F5C2E7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#F5C2E7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#89DCEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#89DCEB" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#C3BAC6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#C3BAC6" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#988BA2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#988BA2" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#F28FAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#F28FAD" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#ABE9B3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#ABE9B3" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FAE3B0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FAE3B0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#96CDFB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#96CDFB" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#F5C2E7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#F5C2E7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#89DCEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#89DCEB" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#D9E0EE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#D9E0EE" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#D9E0EE" />
<!-- prompt -->
<text x="15" y="110" fill="#F5C2E7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#D9E0EE" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#F5C2E7" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#ABE9B3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#ABE9B3" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FAE3B0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FAE3B0" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#ABE9B3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#ABE9B3" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#C9CBFF" />
</svg>
</text><path stroke="#C9CBFF" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/challenger_deep.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1e1c31" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#cbe1e7" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#65b2ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1e1c31" class="Dynamic" rx="5"/><text x="15" y="15" fill="#cbe1e7" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#65b2ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5458" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5458" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#cbe1e7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#cbe1e7" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#cbe1e7"/>
<!-- second command -->
<text x="15" y="55" fill="#cbe1e7" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#cbe1e7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cbe1e7" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#cbe1e7" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#cbe1e7" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#141228" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#141228" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5458" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5458" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#62d196" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#62d196" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffb378" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffb378" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#65b2ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#65b2ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#906cff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#906cff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#63f2f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#63f2f1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#a6b3cc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#a6b3cc" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#cbe1e7" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#cbe1e7" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#565575" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#565575" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff8080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff8080" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#95ffa4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#95ffa4" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffe9aa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffe9aa" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#91ddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#91ddff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c991e1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c991e1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#aaffe4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#aaffe4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#cbe3e7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#cbe3e7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#cbe1e7" />
<!-- prompt -->
<text x="15" y="110" fill="#906cff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#cbe1e7" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#906cff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#62d196" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#62d196" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffb378" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffb378" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#62d196" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#62d196" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#65b2ff" />
</svg>
</text><path stroke="#65b2ff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/cherry.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#23232f" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#bdc3c7" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#73a9ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#23232f" class="Dynamic" rx="5"/><text x="15" y="15" fill="#bdc3c7" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#73a9ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff568e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff568e" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#bdc3c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#bdc3c7" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#bdc3c7"/>
<!-- second command -->
<text x="15" y="55" fill="#bdc3c7" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#bdc3c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#bdc3c7" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#bdc3c7" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#bdc3c7" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#3f3f4f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#3f3f4f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff568e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff568e" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#64de83" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#64de83" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#efff73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#efff73" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#73a9ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#73a9ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#946ff7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#946ff7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#46cfcc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#46cfcc" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#dee5e9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#dee5e9" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#bdc3c7" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#bdc3c7" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#474756" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#474756" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff84a6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff84a6" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#8be39e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#8be39e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f1ff94" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f1ff94" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#94b9ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#94b9ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#aa91f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#aa91f8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#7cd7d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#7cd7d5" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#eaf0f4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#eaf0f4" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#bdc3c7" />
<!-- prompt -->
<text x="15" y="110" fill="#946ff7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#bdc3c7" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#946ff7" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#64de83" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#64de83" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#efff73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#efff73" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#64de83" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#64de83" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ff568e" />
</svg>
</text><path stroke="#ff568e" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/classic_vivid.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#1190ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#1190ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00e000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#00e000" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fdfd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fdfd00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#1190ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#1190ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00fdfd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00fdfd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#888888" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#888" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff8888" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f88" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#88ff88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#8f8" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffff88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff8" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#88ccff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#8cf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff88ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f8f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#88ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00e000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#00e000" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fdfd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fdfd00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00e000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#00e000" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#00c3ff" />
</svg>
</text><path stroke="#00c3ff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/cobalt_2.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#122637" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#1460d2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#122637" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#1460d2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#37dd21" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#37dd21" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fee409" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fee409" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#1460d2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#1460d2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff005d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff005d" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00bbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0bb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bbbbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bbb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#545454" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#545454" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f40d17" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f40d17" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#3bcf1d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#3bcf1d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ecc809" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ecc809" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#5555ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#55f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff55ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f5f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#6ae3f9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#6ae3f9" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#ff005d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff005d" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#37dd21" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#37dd21" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fee409" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fee409" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#37dd21" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#37dd21" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#1460d2" />
</svg>
</text><path stroke="#1460d2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/cobalt_next.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#0f1c23" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#5a9bcf" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#0f1c23" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#5a9bcf" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ed6f7d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ed6f7d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d8dee9"/>
<!-- second command -->
<text x="15" y="55" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8dee9" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1b2b34" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1b2b34" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ed6f7d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ed6f7d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fac863" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fac863" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#5a9bcf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#5a9bcf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c5a5c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c5a5c5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5fb3b3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5fb3b3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d8dee9" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#343d46" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#343d46" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#D6838C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#D6838C" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#C1DCBE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#C1DCBE" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFDE9B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FFDE9B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#8ABEE7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#8ABEE7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#EDCDED" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#EDCDED" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9BE2E2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9BE2E2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d8dee9" />
<!-- prompt -->
<text x="15" y="110" fill="#c5a5c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8dee9" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c5a5c5" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fac863" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fac863" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#5fb3b3" />
</svg>
</text><path stroke="#5fb3b3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/cyber_punk_neon.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000b1e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#123e7c" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#000b1e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#123e7c" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#0abdc6"/>
<!-- second command -->
<text x="15" y="55" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#0abdc6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#123e7c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#123e7c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#d300c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#d300c4" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f57800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f57800" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#123e7c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#123e7c" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#711c91" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#711c91" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d7d7d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d7d7d5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#0abdc6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1c61c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1c61c2" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#d300c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#d300c4" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f57800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f57800" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#711c91" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#711c91" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#0abdc6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0abdc6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d7d7d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d7d7d5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#0abdc6" />
<!-- prompt -->
<text x="15" y="110" fill="#711c91" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#0abdc6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#711c91" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#d300c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#d300c4" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f57800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f57800" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#d300c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#d300c4" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#123e7c" />
</svg>
</text><path stroke="#123e7c" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/daobeam.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#E0DBC7" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#171717" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#E0DBC7" class="Dynamic" rx="5"/><text x="15" y="15" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#171717" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#171717"/>
<!-- second command -->
<text x="15" y="55" fill="#171717" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#171717" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#171717" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#171717" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#005800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#005800" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#2aa198" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#2aa198" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eee8d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee8d5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#171717" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#171717" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#002b36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#002b36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#cb4b16" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#cb4b16" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#009100" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#009100" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#B95C00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#B95C00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6c71c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6c71c4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#93a1a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#93a1a1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fdf6e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fdf6e3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#171717" />
<!-- prompt -->
<text x="15" y="110" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#171717" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#005800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#005800" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#005800" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#005800" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#EDEBDE" />
</svg>
</text><path stroke="#EDEBDE" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/darcula.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#caa9fa" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#caa9fa" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2"/>
<!-- second command -->
<text x="15" y="55" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f1fa8c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f1fa8c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#caa9fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#caa9fa" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#8be9fd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#8be9fd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bfbfbf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bfbfbf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#282a35" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#282a35" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6e67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6e67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f4f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f4f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#caa9fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#caa9fa" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff92d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff92d0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#e6e6e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#e6e6e6" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2" />
<!-- prompt -->
<text x="15" y="110" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f1fa8c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f1fa8c" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#caa9fa" />
</svg>
</text><path stroke="#caa9fa" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/dark_pastels.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2C2C2C" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#9AB8D7" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2C2C2C" class="Dynamic" rx="5"/><text x="15" y="15" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#9AB8D7" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#705050" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#705050" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#DCDCCC"/>
<!-- second command -->
<text x="15" y="55" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#DCDCCC" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#3F3F3F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#3F3F3F" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#705050" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#705050" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#60B48A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#60B48A" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#DFAF8F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#DFAF8F" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#9AB8D7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#9AB8D7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#DC8CC3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#DC8CC3" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#8CD0D3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#8CD0D3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#DCDCCC" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#DCDCCC" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#709080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#709080" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#DCA3A3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#DCA3A3" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#72D5A3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#72D5A3" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#F0DFAF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#F0DFAF" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#94BFF3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#94BFF3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#EC93D3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#EC93D3" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#93E0E3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#93E0E3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#DCDCCC" />
<!-- prompt -->
<text x="15" y="110" fill="#DC8CC3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#DCDCCC" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#DC8CC3" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#60B48A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#60B48A" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#DFAF8F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#DFAF8F" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#60B48A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#60B48A" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#9AB8D7" />
</svg>
</text><path stroke="#9AB8D7" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/default_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#181818" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#181818" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d8d8d8"/>
<!-- second command -->
<text x="15" y="55" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8d8d8" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#181818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#181818" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#86c1b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#86c1b9" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#585858" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#585858" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#86c1b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#86c1b9" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f8f8f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f8f8f8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d8d8d8" />
<!-- prompt -->
<text x="15" y="110" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8d8d8" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7cafc2" />
</svg>
</text><path stroke="#7cafc2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/dracula.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#bd93f9" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#bd93f9" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2"/>
<!-- second command -->
<text x="15" y="55" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f1fa8c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f1fa8c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#bd93f9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#bd93f9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#8be9fd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#8be9fd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bbbbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bbb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#555555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#555" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f1fa8c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f1fa8c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#caa9fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#caa9fa" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8be9fd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8be9fd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2" />
<!-- prompt -->
<text x="15" y="110" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f1fa8c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f1fa8c" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#bd93f9" />
</svg>
</text><path stroke="#bd93f9" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/everforest_hard.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2b3339" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7fbbb3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2b3339" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7fbbb3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e67e80" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e67e80" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d3c6aa"/>
<!-- second command -->
<text x="15" y="55" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d3c6aa" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#445055" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#445055" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e67e80" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e67e80" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a7c080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a7c080" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#dbbc7f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#dbbc7f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7fbbb3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7fbbb3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d699b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d699b6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#83c092" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#83c092" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#445055" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#445055" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#e67e80" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#e67e80" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a7c080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a7c080" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#dbbc7f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#dbbc7f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7fbbb3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7fbbb3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d699b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d699b6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#83c092" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#83c092" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d3c6aa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d3c6aa" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d3c6aa" />
<!-- prompt -->
<text x="15" y="110" fill="#d699b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d3c6aa" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d699b6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a7c080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a7c080" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#dbbc7f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#dbbc7f" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a7c080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a7c080" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7a8478" />
</svg>
</text><path stroke="#7a8478" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/everforest_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#fff9e8" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#3a94c5" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fff9e8" class="Dynamic" rx="5"/><text x="15" y="15" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#3a94c5" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f85552" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f85552" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#5c6a72"/>
<!-- second command -->
<text x="15" y="55" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5c6a72" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#e9e8d2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#e9e8d2" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f85552" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f85552" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#8da101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#8da101" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#dfa000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#dfa000" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#3a94c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#3a94c5" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#df69ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#df69ba" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#35a77c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#35a77c" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#5c6a72" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#e9e8d2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#e9e8d2" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f85552" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f85552" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#8da101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#8da101" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#dfa000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#dfa000" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#3a94c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#3a94c5" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#df69ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#df69ba" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#35a77c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#35a77c" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#5c6a72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#5c6a72" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#5c6a72" />
<!-- prompt -->
<text x="15" y="110" fill="#df69ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#5c6a72" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#df69ba" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#8da101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#8da101" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#dfa000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#dfa000" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#8da101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#8da101" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#a6b0a0" />
</svg>
</text><path stroke="#a6b0a0" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/fairyfloss.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#5A5475" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#a381ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#5A5475" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#a381ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f1756f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f1756f" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2"/>
<!-- second command -->
<text x="15" y="55" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#3b3a32" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#3b3a32" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f1756f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f1756f" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#6de874" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#6de874" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffea00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffea00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#a381ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#a381ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff87b1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff87b1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#7ef5b8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#7ef5b8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c7b7c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c7b7c7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f8f8f2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f8f8f2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#685868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#685868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff9f9a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff9f9a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#7bfa81" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#7bfa81" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffea00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffea00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#ffb8d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#ffb8d1" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e1c0fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e1c0fa" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#c2ffdf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#c2ffdf" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffefff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#ffefff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f8f8f2" />
<!-- prompt -->
<text x="15" y="110" fill="#ff87b1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f8f8f2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff87b1" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#6de874" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#6de874" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffea00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffea00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#6de874" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#6de874" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ff87b1" />
</svg>
</text><path stroke="#ff87b1" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/faithful_argonaut.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#191D2E" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#BFBFBF" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#00A2FA" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#191D2E" class="Dynamic" rx="5"/><text x="15" y="15" fill="#BFBFBF" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#00A2FA" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#FF260E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#FF260E" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#BFBFBF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#BFBFBF" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#BFBFBF"/>
<!-- second command -->
<text x="15" y="55" fill="#BFBFBF" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#BFBFBF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#BFBFBF" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#BFBFBF" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#BFBFBF" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#FF260E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#FF260E" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#9BE205" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#9BE205" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFC400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FFC400" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#00A2FA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#00A2FA" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#815BB5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#815BB5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00DEEF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00DEEF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#BFBFBF" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#BFBFBF" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#565656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#565656" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF4250" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF4250" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#B8E36E" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#B8E36E" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FFD852" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FFD852" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#00A2FA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#00A2FA" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#AC7BF0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#AC7BF0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#74FDF3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#74FDF3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FEFEF8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FEFEF8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#BFBFBF" />
<!-- prompt -->
<text x="15" y="110" fill="#815BB5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#BFBFBF" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#815BB5" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#9BE205" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#9BE205" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFC400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FFC400" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#9BE205" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#9BE205" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#00A2FA" />
</svg>
</text><path stroke="#00A2FA" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/falcon.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#020221" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#635196" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#020221" class="Dynamic" rx="5"/><text x="15" y="15" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#635196" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff3600" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff3600" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#b4b4b9"/>
<!-- second command -->
<text x="15" y="55" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#b4b4b9" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000004" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#000004" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff3600" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff3600" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#718e3f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#718e3f" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffc552" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffc552" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#635196" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#635196" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff761a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff761a" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#34bfa4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#34bfa4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#b4b4b9" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#b4b4b9" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#020221" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#020221" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff8e78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff8e78" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#b1bf75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#b1bf75" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffd392" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffd392" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#99a4bc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#99a4bc" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ffb07b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ffb07b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8bccbf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8bccbf" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f8f8ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f8f8ff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#b4b4b9" />
<!-- prompt -->
<text x="15" y="110" fill="#ff761a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#b4b4b9" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff761a" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#718e3f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#718e3f" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffc552" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffc552" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#718e3f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#718e3f" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#635196" />
</svg>
</text><path stroke="#635196" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/flat_remix.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#272a34" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#277FFF" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#272a34" class="Dynamic" rx="5"/><text x="15" y="15" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#277FFF" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#EC0101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#EC0101" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#FFFFFF"/>
<!-- second command -->
<text x="15" y="55" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FFF" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1F2229" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1F2229" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#EC0101" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#EC0101" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#47D4B9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#47D4B9" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FF8A18" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FF8A18" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#277FFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#277FFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#D71655" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#D71655" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#05A1F7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#05A1F7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1F2229" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1F2229" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#D41919" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#D41919" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5EBDAB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5EBDAB" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FEA44C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FEA44C" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#367bf0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#367bf0" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#BF2E5D" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#BF2E5D" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#49AEE6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#49AEE6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#FFFFFF" />
<!-- prompt -->
<text x="15" y="110" fill="#D71655" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FFF" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#D71655" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#47D4B9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#47D4B9" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FF8A18" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FF8A18" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#47D4B9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#47D4B9" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#277FFF" />
</svg>
</text><path stroke="#277FFF" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/github_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#0d1117" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#c9d1d9" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#58a6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#0d1117" class="Dynamic" rx="5"/><text x="15" y="15" fill="#c9d1d9" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#58a6ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff7b72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff7b72" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#c9d1d9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#c9d1d9" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#c9d1d9"/>
<!-- second command -->
<text x="15" y="55" fill="#c9d1d9" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#c9d1d9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c9d1d9" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#c9d1d9" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#c9d1d9" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#0d1117" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#0d1117" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff7b72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff7b72" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#3fb950" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#3fb950" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d29922" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d29922" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#58a6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#58a6ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#bc8cff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#bc8cff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#76e3ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#76e3ea" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#b1bac4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#b1bac4" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#c9d1d9" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#c9d1d9" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#161b22" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#161b22" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ffa198" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ffa198" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#56d364" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#56d364" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e3b341" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e3b341" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#79c0ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#79c0ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d2a8ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d2a8ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#b3f0ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#b3f0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#b1bac4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#b1bac4" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#c9d1d9" />
<!-- prompt -->
<text x="15" y="110" fill="#bc8cff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c9d1d9" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#bc8cff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#3fb950" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#3fb950" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d29922" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d29922" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#3fb950" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#3fb950" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#F78166" />
</svg>
</text><path stroke="#F78166" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/github_dark_dimmed.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#22272e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#adbac7" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#539bf5" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#22272e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#adbac7" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#539bf5" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f47067" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f47067" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#adbac7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#adbac7" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#adbac7"/>
<!-- second command -->
<text x="15" y="55" fill="#adbac7" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#adbac7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#adbac7" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#adbac7" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#adbac7" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1c2128" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1c2128" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f47067" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f47067" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#57ab5a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#57ab5a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#c69026" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#c69026" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#539bf5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#539bf5" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b083f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b083f0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#76e3ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#76e3ea" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#909dab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#909dab" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#adbac7" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#adbac7" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#2d333b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#2d333b" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff938a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff938a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#6bc46d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#6bc46d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#daaa3f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#daaa3f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6cb6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6cb6ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#dcbdfb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#dcbdfb" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#b3f0ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#b3f0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#cdd9e5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#cdd9e5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#adbac7" />
<!-- prompt -->
<text x="15" y="110" fill="#b083f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#adbac7" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b083f0" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#57ab5a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#57ab5a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#c69026" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#c69026" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#57ab5a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#57ab5a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ec775c" />
</svg>
</text><path stroke="#ec775c" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/github_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#ffffff" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#24292f" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#54aeff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fff" class="Dynamic" rx="5"/><text x="15" y="15" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#54aeff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff8182" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff8182" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#24292f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#24292f"/>
<!-- second command -->
<text x="15" y="55" fill="#24292f" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#24292f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#24292f" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#24292f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff8182" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff8182" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#4ac26b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#4ac26b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d4a72c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d4a72c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#54aeff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#54aeff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c297ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c297ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#76e3ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#76e3ea" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d0d7de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d0d7de" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#24292f" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#24292f" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#32383f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#32383f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ffaba8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ffaba8" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#6fdd8b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#6fdd8b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#eac54f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#eac54f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#80ccff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#80ccff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d8b9ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d8b9ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#b3f0ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#b3f0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d0d7de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d0d7de" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#24292f" />
<!-- prompt -->
<text x="15" y="110" fill="#c297ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#24292f" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c297ff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#4ac26b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#4ac26b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d4a72c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d4a72c" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#4ac26b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#4ac26b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#FD8C73" />
</svg>
</text><path stroke="#FD8C73" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/gotham.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#0a0f14" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#98d1ce" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#195465" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#0a0f14" class="Dynamic" rx="5"/><text x="15" y="15" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#195465" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c33027" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c33027" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#98d1ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#98d1ce"/>
<!-- second command -->
<text x="15" y="55" fill="#98d1ce" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#98d1ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#98d1ce" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#0a0f14" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#0a0f14" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c33027" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c33027" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#26a98b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#26a98b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#edb54b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#edb54b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#195465" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#195465" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#4e5165" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#4e5165" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#33859d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#33859d" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#98d1ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#98d1ce" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#98d1ce" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#10151b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#10151b" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#d26939" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#d26939" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#081f2d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#081f2d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#245361" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#245361" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#093748" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#093748" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#888ba5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#888ba5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#599caa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#599caa" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d3ebe9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d3ebe9" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#98d1ce" />
<!-- prompt -->
<text x="15" y="110" fill="#4e5165" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#98d1ce" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#4e5165" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#26a98b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#26a98b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#edb54b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#edb54b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#26a98b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#26a98b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#195465" />
</svg>
</text><path stroke="#195465" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/green_geeko.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1e1e1e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#aeafad" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1e1e1e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#aeafad" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#aeafad" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#aeafad" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#aeafad"/>
<!-- second command -->
<text x="15" y="55" fill="#aeafad" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#aeafad" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#aeafad" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#aeafad" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#aeafad" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#aeafad" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#aeafad" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#aeafad" />
<!-- prompt -->
<text x="15" y="110" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#aeafad" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#6daf22" />
</svg>
</text><path stroke="#6daf22" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/gruvbox_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282828" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#458588" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282828" class="Dynamic" rx="5"/><text x="15" y="15" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#458588" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#cc241d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#cc241d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ebdbb2"/>
<!-- second command -->
<text x="15" y="55" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ebdbb2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#cc241d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#cc241d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d79921" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d79921" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#458588" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#458588" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b16286" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b16286" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#689d6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#689d6a" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#a89984" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#a89984" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#928374" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#928374" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fb4934" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fb4934" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#b8bb26" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#b8bb26" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fabd2f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fabd2f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#83a598" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#83a598" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d3869b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d3869b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8ec07c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8ec07c" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ebdbb2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#ebdbb2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ebdbb2" />
<!-- prompt -->
<text x="15" y="110" fill="#b16286" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ebdbb2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b16286" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d79921" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d79921" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#458588" />
</svg>
</text><path stroke="#458588" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/gruvbox_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#fbf1c7" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#3c3836" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#458588" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fbf1c7" class="Dynamic" rx="5"/><text x="15" y="15" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#458588" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#cc241d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#cc241d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#3c3836" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#3c3836"/>
<!-- second command -->
<text x="15" y="55" fill="#3c3836" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#3c3836" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#3c3836" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#fbf1c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#fbf1c7" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#cc241d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#cc241d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d79921" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d79921" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#458588" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#458588" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b16286" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b16286" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#689d6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#689d6a" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#7c6f64" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#7c6f64" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#3c3836" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#928374" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#928374" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#9d0006" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#9d0006" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#79740e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#79740e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#b57614" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#b57614" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#076678" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#076678" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#8f3f71" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#8f3f71" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#427b58" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#427b58" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#3c3836" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#3c3836" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#3c3836" />
<!-- prompt -->
<text x="15" y="110" fill="#b16286" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#3c3836" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b16286" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d79921" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d79921" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#98971a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#98971a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#458588" />
</svg>
</text><path stroke="#458588" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/gruvbox_material.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282828" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7daea3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282828" class="Dynamic" rx="5"/><text x="15" y="15" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7daea3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ea6962" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ea6962" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#dfbf8e"/>
<!-- second command -->
<text x="15" y="55" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#dfbf8e" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#665c54" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#665c54" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ea6962" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ea6962" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a9b665" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a9b665" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e78a4e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e78a4e" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7daea3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7daea3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d3869b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d3869b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#89b482" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#89b482" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#928374" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#928374" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ea6962" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ea6962" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a9b665" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a9b665" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e3a84e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e3a84e" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7daea3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7daea3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d3869b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d3869b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#89b482" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#89b482" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#dfbf8e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#dfbf8e" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#dfbf8e" />
<!-- prompt -->
<text x="15" y="110" fill="#d3869b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#dfbf8e" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d3869b" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a9b665" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a9b665" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e78a4e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e78a4e" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a9b665" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a9b665" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7daea3" />
</svg>
</text><path stroke="#7daea3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/halcyon.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1d2433" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#a2aabc" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#5ccfe6" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1d2433" class="Dynamic" rx="5"/><text x="15" y="15" fill="#a2aabc" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#5ccfe6" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f07078" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f07078" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#a2aabc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#a2aabc" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#a2aabc"/>
<!-- second command -->
<text x="15" y="55" fill="#a2aabc" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#a2aabc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a2aabc" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#a2aabc" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#a2aabc" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#8695b7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#8695b7" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f07078" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f07078" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#bae67e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#bae67e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffd580" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffd580" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#5ccfe6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#5ccfe6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c3a6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c3a6ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5ccfe6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5ccfe6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d7dce2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d7dce2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#a2aabc" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#a2aabc" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#171c28" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#171c28" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ef6b73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ef6b73" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#bae67e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#bae67e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffd580" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffd580" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#5ccfe6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#5ccfe6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c3a6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c3a6ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5ccfe6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5ccfe6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d7dce2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d7dce2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#a2aabc" />
<!-- prompt -->
<text x="15" y="110" fill="#c3a6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a2aabc" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c3a6ff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#bae67e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#bae67e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffd580" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffd580" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#bae67e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#bae67e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#8695b7" />
</svg>
</text><path stroke="#8695b7" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/high_contrast.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#444444" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#444" class="Dynamic" rx="5"/><text x="15" y="15" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#dddddd"/>
<!-- second command -->
<text x="15" y="55" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ddd" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#dddddd" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#dddddd" />
<!-- prompt -->
<text x="15" y="110" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ddd" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0000ff" />
</svg>
</text><path stroke="#00f" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/horizon_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1c1e26" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#26bbd9" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1c1e26" class="Dynamic" rx="5"/><text x="15" y="15" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#26bbd9" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e95678" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e95678" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#e0e0e0"/>
<!-- second command -->
<text x="15" y="55" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e0e0e0" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#16161c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#16161c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e95678" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e95678" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#29d398" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#29d398" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fab795" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fab795" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#26bbd9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#26bbd9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ee64ac" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ee64ac" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#59e1e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#59e1e3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d5d8da" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d5d8da" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#5b5858" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#5b5858" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ec6a88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ec6a88" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#3fdaa4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#3fdaa4" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fbc3a7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fbc3a7" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#3fc4de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#3fc4de" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#f075b5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f075b5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#6be4e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#6be4e6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d5d8da" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d5d8da" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#e0e0e0" />
<!-- prompt -->
<text x="15" y="110" fill="#ee64ac" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e0e0e0" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ee64ac" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#29d398" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#29d398" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fab795" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fab795" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#29d398" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#29d398" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#26bbd9" />
</svg>
</text><path stroke="#26bbd9" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/hyper.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0066ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#06f" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#fe0100" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#fe0100" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#fe0100" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#fe0100" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#33ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#3f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#feff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#feff00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0066ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#06f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#cc00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#808080" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="gray" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fe0100" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fe0100" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#33ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#3f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#feff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#feff00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0066ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#06f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#cc00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#cc00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c0f" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#33ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#3f0" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#feff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#feff00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#33ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#3f0" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0066ff" />
</svg>
</text><path stroke="#06f" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/iceberg.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#161821" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d2d4de" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#84a0c6" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#161821" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#84a0c6" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e27878" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e27878" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d2d4de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d2d4de"/>
<!-- second command -->
<text x="15" y="55" fill="#d2d4de" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d2d4de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d2d4de" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#161821" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#161821" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e27878" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e27878" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#b4be82" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#b4be82" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e2a478" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e2a478" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#84a0c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#84a0c6" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#a093c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#a093c7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#89b8c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#89b8c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c6c8d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c6c8d1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d2d4de" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6b7089" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6b7089" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#e98989" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#e98989" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c0ca8e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c0ca8e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e9b189" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e9b189" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#91acd1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#91acd1" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ada0d3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ada0d3" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#95c4ce" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#95c4ce" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#d2d4de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#d2d4de" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d2d4de" />
<!-- prompt -->
<text x="15" y="110" fill="#a093c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d2d4de" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#a093c7" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#b4be82" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#b4be82" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e2a478" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e2a478" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#b4be82" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#b4be82" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#84a0c6" />
</svg>
</text><path stroke="#84a0c6" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/iterm.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#101421" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#fffbf6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#47a0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#101421" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fffbf6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#47a0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#eb4129" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#eb4129" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#fffbf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fffbf6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#fffbf6"/>
<!-- second command -->
<text x="15" y="55" fill="#fffbf6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#fffbf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fffbf6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fffbf6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fffbf6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#2e2e2e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#2e2e2e" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#eb4129" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#eb4129" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#abe047" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#abe047" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f6c744" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f6c744" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#47a0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#47a0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#7b5cb0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#7b5cb0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#64dbed" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#64dbed" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e5e9f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e5e9f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#fffbf6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fffbf6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#565656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#565656" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ec5357" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ec5357" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c0e17d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c0e17d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f9da6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f9da6a" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#49a4f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#49a4f8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#a47de9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#a47de9" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#99faf2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#99faf2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#fffbf6" />
<!-- prompt -->
<text x="15" y="110" fill="#7b5cb0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fffbf6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#7b5cb0" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#abe047" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#abe047" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f6c744" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f6c744" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#abe047" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#abe047" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#47a0f3" />
</svg>
</text><path stroke="#47a0f3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/jellybeans.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#121212" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#dedede" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#97bedc" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#121212" class="Dynamic" rx="5"/><text x="15" y="15" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#97bedc" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e27373" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e27373" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#dedede" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#dedede"/>
<!-- second command -->
<text x="15" y="55" fill="#dedede" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#dedede" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#dedede" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#929292" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#929292" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e27373" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e27373" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#94b979" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#94b979" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffba7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffba7b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#97bedc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#97bedc" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#e1c0fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#e1c0fa" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00988e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00988e" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#dedede" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#dedede" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#dedede" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#929292" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#929292" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ffa1a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ffa1a1" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#94b979" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#94b979" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffdca0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffdca0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#97bedc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#97bedc" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e1c0fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e1c0fa" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00988e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#00988e" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#dedede" />
<!-- prompt -->
<text x="15" y="110" fill="#e1c0fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#dedede" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#e1c0fa" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#94b979" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#94b979" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffba7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffba7b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#94b979" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#94b979" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#e1c0fa" />
</svg>
</text><path stroke="#e1c0fa" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/konsole_linux.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1f1f1f" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#e3e3e3" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#1818b2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1f1f1f" class="Dynamic" rx="5"/><text x="15" y="15" fill="#e3e3e3" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#1818b2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#b21818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#b21818" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#e3e3e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#e3e3e3" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#e3e3e3"/>
<!-- second command -->
<text x="15" y="55" fill="#e3e3e3" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#e3e3e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e3e3e3" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#e3e3e3" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#e3e3e3" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#b21818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#b21818" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#18b218" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#18b218" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#b26818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#b26818" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#1818b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#1818b2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b218b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b218b2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#18b2b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#18b2b2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#b2b2b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#b2b2b2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#e3e3e3" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#e3e3e3" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5454" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5454" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#54ff54" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#54ff54" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffff54" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffff54" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#5454ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#5454ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff54ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff54ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#54ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#54ffff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#e3e3e3" />
<!-- prompt -->
<text x="15" y="110" fill="#b218b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e3e3e3" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b218b2" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#18b218" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#18b218" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#b26818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#b26818" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#18b218" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#18b218" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#1818b2" />
</svg>
</text><path stroke="#1818b2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/laser.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#231b4d" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#4badff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#231b4d" class="Dynamic" rx="5"/><text x="15" y="15" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#4badff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff047d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff047d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#37dcf6"/>
<!-- second command -->
<text x="15" y="55" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#37dcf6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1b5689" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1b5689" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff047d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff047d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#7adc03" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#7adc03" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffeb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffeb00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#4badff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#4badff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b1a7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b1a7ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ebe5f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#ebe5f2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#37dcf6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#1b5689" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#1b5689" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff047d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff047d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#7adc03" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#7adc03" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffeb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffeb00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#4badff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#4badff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b1a7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b1a7ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#37dcf6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#37dcf6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ebe5f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#ebe5f2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#37dcf6" />
<!-- prompt -->
<text x="15" y="110" fill="#b1a7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#37dcf6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b1a7ff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#7adc03" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#7adc03" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffeb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffeb00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#7adc03" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#7adc03" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ff047d" />
</svg>
</text><path stroke="#ff047d" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/low_contrast.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#333333" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0000bb" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#333" class="Dynamic" rx="5"/><text x="15" y="15" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#00b" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#bb0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#b00" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#dddddd"/>
<!-- second command -->
<text x="15" y="55" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#dddddd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ddd" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#bb0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#b00" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00bb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#0b0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#bbbb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#bb0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0000bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#00b" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#bb00bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b0b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00bbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#0bb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bbbbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bbb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#dddddd" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#ddd" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#bb0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#b00" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00bb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#0b0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#bbbb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#bb0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0000bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#00b" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#bb00bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b0b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00bbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0bb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#bbbbbb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#bbb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#dddddd" />
<!-- prompt -->
<text x="15" y="110" fill="#bb00bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ddd" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b0b" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00bb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#0b0" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#bbbb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#bb0" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00bb00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#0b0" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0000bb" />
</svg>
</text><path stroke="#00b" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

91
standard/previews/lucario.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2B3E50" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#F8F8F2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#5796ED" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2B3E50" class="Dynamic" rx="5"/><text x="15" y="15" fill="#F8F8F2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#5796ED" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#FF6C60" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#FF6C60" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#F8F8F2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#F8F8F2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#F8F8F2"/>
<!-- second command -->
<text x="15" y="55" fill="#F8F8F2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#F8F8F2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#F8F8F2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#F8F8F2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#F8F8F2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#4F4F4F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#4F4F4F" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#FF6C60" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#FF6C60" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#FBB036" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#FBB036" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FFFFB6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FFFFB6" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#5796ED" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#5796ED" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#FF73FD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#FF73FD" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#8EE478" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#8EE478" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#EEEEEE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#EEE" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#F8F8F2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#F8F8F2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#4F4F4F" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#4F4F4F" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FA6960" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FA6960" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#FBB036" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#FBB036" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FEFFB9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FEFFB9" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6B9FED" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6B9FED" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#FC6FFA" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#FC6FFA" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8EE478" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8EE478" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#F8F8F2" />
<!-- prompt -->
<text x="15" y="110" fill="#FF73FD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#F8F8F2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#FF73FD" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#FBB036" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#FBB036" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FFFFB6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FFFFB6" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#FBB036" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#FBB036" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#19242F" />
</svg>
</text><path stroke="#19242F" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/material_theme.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1e282d" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#80cbc4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1e282d" class="Dynamic" rx="5"/><text x="15" y="15" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#80cbc4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#c4c7d1"/>
<!-- second command -->
<text x="15" y="55" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c4c7d1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#666666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#666" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#80cbc4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#80cbc4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff2f90" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff2f90" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#aeddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#aeddff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#ff262b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#ff262b" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7dc6bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7dc6bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6c71c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6c71c4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#35434d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#35434d" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#c4c7d1" />
<!-- prompt -->
<text x="15" y="110" fill="#ff2f90" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c4c7d1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff2f90" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#80cbc4" />
</svg>
</text><path stroke="#80cbc4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/material_theme_mod.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1e282d" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#80cbc4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1e282d" class="Dynamic" rx="5"/><text x="15" y="15" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#80cbc4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#c4c7d1"/>
<!-- second command -->
<text x="15" y="55" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c4c7d1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#666666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#666" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#80cbc4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#80cbc4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff2f90" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff2f90" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#aeddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#aeddff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#c4c7d1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#c4c7d1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#a1a1a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#a1a1a1" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#eb606b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#eb606b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7dc6bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7dc6bf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6c71c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6c71c4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#35434d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#35434d" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#c4c7d1" />
<!-- prompt -->
<text x="15" y="110" fill="#ff2f90" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c4c7d1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff2f90" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f7eb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f7eb95" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#80cbc4" />
</svg>
</text><path stroke="#80cbc4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/matrix_dracula.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#3650c2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#3650c2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c91b00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c91b00" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#00ff51"/>
<!-- second command -->
<text x="15" y="55" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#00ff51" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c91b00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c91b00" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00c200" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#00c200" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#c7c400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#c7c400" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#3650c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#3650c2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c930c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c930c7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00c5c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00c5c7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c7c7c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c7c7c7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#00ff51" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#676767" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#676767" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6d67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6d67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00f74e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#00f74e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fefb67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fefb67" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6871ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6871ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff76ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff76ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5ffdff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5ffdff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fffefe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fffefe" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#00ff51" />
<!-- prompt -->
<text x="15" y="110" fill="#c930c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#00ff51" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c930c7" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00c200" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#00c200" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#c7c400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#c7c400" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00c200" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#00c200" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#00c2ff" />
</svg>
</text><path stroke="#00c2ff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/matrix_dracula_switcheroo.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#3650c2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#3650c2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c91b00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c91b00" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#00ff51"/>
<!-- second command -->
<text x="15" y="55" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#00ff51" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#00ff51" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c91b00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c91b00" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#6871ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#6871ff" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ff6d67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ff6d67" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#3650c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#3650c2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#5ffdff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#5ffdff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00c5c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00c5c7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#c7c7c7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#c7c7c7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#00ff51" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#00ff51" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#676767" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#676767" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6d67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6d67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00f74e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#00f74e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fefb67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fefb67" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6871ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6871ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff76ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff76ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5ffdff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5ffdff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fffefe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fffefe" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#00ff51" />
<!-- prompt -->
<text x="15" y="110" fill="#5ffdff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#00ff51" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#5ffdff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#6871ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#6871ff" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ff6d67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ff6d67" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#6871ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#6871ff" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#00c2ff" />
</svg>
</text><path stroke="#00c2ff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2d2a2e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2d2a2e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff6188" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff6188" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#fcfcfa"/>
<!-- second command -->
<text x="15" y="55" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fcfcfa" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#2d2a2e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#2d2a2e" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff6188" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff6188" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffd866" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffd866" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#78dce8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#78dce8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#727072" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#727072" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6188" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6188" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffd866" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffd866" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#78dce8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#78dce8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fcfcfa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fcfcfa" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#fcfcfa" />
<!-- prompt -->
<text x="15" y="110" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fcfcfa" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffd866" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffd866" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#c1c0c0" />
</svg>
</text><path stroke="#c1c0c0" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro_classic.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#272822" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#66d9ef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#272822" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#66d9ef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f92672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f92672" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#fdfff1"/>
<!-- second command -->
<text x="15" y="55" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fdfff1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#272822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#272822" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f92672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f92672" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a6e22e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a6e22e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#66d9ef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#66d9ef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5ad4e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5ad4e6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#fdfff1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6e7066" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6e7066" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f92672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f92672" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a6e22e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a6e22e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#66d9ef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#66d9ef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5ad4e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5ad4e6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#fdfff1" />
<!-- prompt -->
<text x="15" y="110" fill="#ab9df2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fdfff1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ab9df2" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a6e22e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a6e22e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#a9dc76" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#a9dc76" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a6e22e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a6e22e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#c0c1b5" />
</svg>
</text><path stroke="#c0c1b5" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro_machine.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#273136" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#273136" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff6d7e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff6d7e" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f2fffc"/>
<!-- second command -->
<text x="15" y="55" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f2fffc" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#273136" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#273136" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff6d7e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff6d7e" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a2e57b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a2e57b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffed72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffed72" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#baa0f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#baa0f8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#7cd5f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#7cd5f1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f2fffc" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6b7678" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6b7678" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6d7e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6d7e" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a2e57b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a2e57b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffed72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffed72" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#baa0f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#baa0f8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#7cd5f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#7cd5f1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f2fffc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f2fffc" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f2fffc" />
<!-- prompt -->
<text x="15" y="110" fill="#baa0f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f2fffc" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#baa0f8" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a2e57b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a2e57b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffed72" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffed72" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a2e57b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a2e57b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#b8c4c3" />
</svg>
</text><path stroke="#b8c4c3" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro_octagon.yml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a3a" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a3a" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff657a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff657a" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eaf2f1"/>
<!-- second command -->
<text x="15" y="55" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eaf2f1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a3a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a3a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff657a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff657a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#bad761" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#bad761" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffd76d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffd76d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c39ac9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c39ac9" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#9cd1bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#9cd1bb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#696d77" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#696d77" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff657a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff657a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#bad761" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#bad761" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffd76d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffd76d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c39ac9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c39ac9" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9cd1bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9cd1bb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#eaf2f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#eaf2f1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eaf2f1" />
<!-- prompt -->
<text x="15" y="110" fill="#c39ac9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eaf2f1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c39ac9" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#bad761" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#bad761" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffd76d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffd76d" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#bad761" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#bad761" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#b2b9bd" />
</svg>
</text><path stroke="#b2b9bd" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro_ristretto.yml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2c2525" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2c2525" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#fd6883" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#fd6883" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#fff1f3"/>
<!-- second command -->
<text x="15" y="55" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff1f3" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#2c2525" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#2c2525" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#fd6883" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#fd6883" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#adda78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#adda78" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f9cc6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f9cc6c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#a8a9eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#a8a9eb" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#85dacc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#85dacc" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#fff1f3" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#72696a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#72696a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fd6883" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fd6883" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#adda78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#adda78" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f9cc6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f9cc6c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#a8a9eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#a8a9eb" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#85dacc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#85dacc" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fff1f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff1f3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#fff1f3" />
<!-- prompt -->
<text x="15" y="110" fill="#a8a9eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff1f3" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#a8a9eb" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#adda78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#adda78" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f9cc6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f9cc6c" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#adda78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#adda78" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#c3b7b8" />
</svg>
</text><path stroke="#c3b7b8" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/monokai_pro_spectrum.yml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#222222" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#222" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#fc618d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#fc618d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f7f1ff"/>
<!-- second command -->
<text x="15" y="55" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f7f1ff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#222222" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#222" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#fc618d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#fc618d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#7bd88f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#7bd88f" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fce566" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fce566" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#948ae3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#948ae3" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5ad4e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5ad4e6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#69676c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#69676c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fc618d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fc618d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#7bd88f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#7bd88f" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fce566" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fce566" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6ab0f3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#6ab0f3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#948ae3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#948ae3" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5ad4e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5ad4e6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f7f1ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f7f1ff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f7f1ff" />
<!-- prompt -->
<text x="15" y="110" fill="#948ae3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f7f1ff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#948ae3" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#7bd88f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#7bd88f" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fce566" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fce566" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#7bd88f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#7bd88f" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#bab6c0" />
</svg>
</text><path stroke="#bab6c0" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/night_owl.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#011627" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d6deeb" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#011627" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d6deeb" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#EF5350" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#EF5350" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d6deeb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d6deeb" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d6deeb"/>
<!-- second command -->
<text x="15" y="55" fill="#d6deeb" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d6deeb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d6deeb" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d6deeb" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d6deeb" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#011627" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#011627" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#EF5350" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#EF5350" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#22da6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#22da6e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#addb67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#addb67" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#21c7a8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#21c7a8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d6deeb" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d6deeb" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#575656" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#575656" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ef5350" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ef5350" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#22da6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#22da6e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffeb95" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffeb95" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#7fdbca" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#7fdbca" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d6deeb" />
<!-- prompt -->
<text x="15" y="110" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d6deeb" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#22da6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#22da6e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#addb67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#addb67" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#22da6e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#22da6e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7e57c2" />
</svg>
</text><path stroke="#7e57c2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/nord.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2E3440" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#D8DEE9" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#81A1C1" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2E3440" class="Dynamic" rx="5"/><text x="15" y="15" fill="#D8DEE9" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#81A1C1" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#BF616A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#BF616A" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#D8DEE9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#D8DEE9" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#D8DEE9"/>
<!-- second command -->
<text x="15" y="55" fill="#D8DEE9" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#D8DEE9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#D8DEE9" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#D8DEE9" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#D8DEE9" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#3B4252" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#3B4252" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#BF616A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#BF616A" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#A3BE8C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#A3BE8C" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#EBCB8B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#EBCB8B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#81A1C1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#81A1C1" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#B48EAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#B48EAD" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#88C0D0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#88C0D0" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#E5E9F0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#E5E9F0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#D8DEE9" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#D8DEE9" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#4C566A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#4C566A" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#BF616A" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#BF616A" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#A3BE8C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#A3BE8C" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#EBCB8B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#EBCB8B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#81A1C1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#81A1C1" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#B48EAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#B48EAD" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8FBCBB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8FBCBB" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ECEFF4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#ECEFF4" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#D8DEE9" />
<!-- prompt -->
<text x="15" y="110" fill="#B48EAD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#D8DEE9" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#B48EAD" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#A3BE8C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#A3BE8C" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#EBCB8B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#EBCB8B" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#A3BE8C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#A3BE8C" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#81A1C1" />
</svg>
</text><path stroke="#81A1C1" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/oceanic_next.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1b2b34" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6699cc" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1b2b34" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#69c" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ec5f67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ec5f67" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d8dee9"/>
<!-- second command -->
<text x="15" y="55" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d8dee9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8dee9" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#29414f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#29414f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ec5f67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ec5f67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fac863" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fac863" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6699cc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#69c" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c594c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c594c5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5fb3b3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5fb3b3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#65737e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#65737e" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d8dee9" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d8dee9" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#405860" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#405860" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ec5f67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ec5f67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fac863" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fac863" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#6699cc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#69c" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c594c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c594c5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#5fb3b3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#5fb3b3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#adb5c0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#adb5c0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d8dee9" />
<!-- prompt -->
<text x="15" y="110" fill="#c594c5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d8dee9" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c594c5" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fac863" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fac863" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#99c794" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#99c794" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#6699cc" />
</svg>
</text><path stroke="#69c" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/omni.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#191622" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#e1e1e6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#bd93f9" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#191622" class="Dynamic" rx="5"/><text x="15" y="15" fill="#e1e1e6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#bd93f9" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#e1e1e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#e1e1e6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#e1e1e6"/>
<!-- second command -->
<text x="15" y="55" fill="#e1e1e6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#e1e1e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e1e1e6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#e1e1e6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#e1e1e6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5555" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f55" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#effa78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#effa78" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#bd93f9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#bd93f9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#8d79ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#8d79ba" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bfbfbf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bfbfbf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#e1e1e6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#e1e1e6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#4d4d4d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#4d4d4d" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff6e67" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff6e67" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#eaf08d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#eaf08d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#caa9fa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#caa9fa" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff92d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff92d0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#aa91e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#aa91e3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#e6e6e6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#e6e6e6" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#e1e1e6" />
<!-- prompt -->
<text x="15" y="110" fill="#ff79c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e1e1e6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff79c6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#effa78" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#effa78" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#50fa7b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#50fa7b" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#bd93f9" />
</svg>
</text><path stroke="#bd93f9" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/one_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1e2127" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1e2127" class="Dynamic" rx="5"/><text x="15" y="15" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e06c75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e06c75" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#abb2bf"/>
<!-- second command -->
<text x="15" y="55" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#abb2bf" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1e2127" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1e2127" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e06c75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e06c75" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#d19a66" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#d19a66" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#56b6c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#56b6c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#abb2bf" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#5c6370" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#5c6370" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#e06c75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#e06c75" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#d19a66" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#d19a66" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#56b6c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#56b6c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#abb2bf" />
<!-- prompt -->
<text x="15" y="110" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#abb2bf" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#d19a66" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#d19a66" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#61afef" />
</svg>
</text><path stroke="#61afef" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/one_monokai.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282c34" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282c34" class="Dynamic" rx="5"/><text x="15" y="15" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#e06c75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#e06c75" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#abb2bf"/>
<!-- second command -->
<text x="15" y="55" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#abb2bf" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#272822" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#272822" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#e06c75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#e06c75" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e5c07b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e5c07b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#56b6c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#56b6c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#abb2bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#abb2bf" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#abb2bf" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6e7066" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6e7066" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f92672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f92672" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e5c07b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e5c07b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#61afef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#61afef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#56b6c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#56b6c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fdfff1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fdfff1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#abb2bf" />
<!-- prompt -->
<text x="15" y="110" fill="#c678dd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#abb2bf" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c678dd" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e5c07b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e5c07b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#98c379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#98c379" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#98c379" />
</svg>
</text><path stroke="#98c379" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/palenight.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#292d3e" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#292d3e" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f07178" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f07178" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d0d0d0"/>
<!-- second command -->
<text x="15" y="55" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d0d0d0" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#292d3e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#292d3e" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f07178" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f07178" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffcb6b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffcb6b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#89ddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#89ddff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d0d0d0" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d0d0d0" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#434758" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#434758" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff8b92" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff8b92" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#ddffa7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#ddffa7" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffe585" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffe585" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#9cc4ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#9cc4ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e1acff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e1acff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#a3f7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#a3f7ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d0d0d0" />
<!-- prompt -->
<text x="15" y="110" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d0d0d0" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffcb6b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffcb6b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#82aaff" />
</svg>
</text><path stroke="#82aaff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/panda_syntax.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#25282a" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6db0fe" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#25282a" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6db0fe" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#fe2b6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#fe2b6c" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f3f2f2"/>
<!-- second command -->
<text x="15" y="55" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f3f2f2" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#29292a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#29292a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#fe2b6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#fe2b6c" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#14fbdc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#14fbdc" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#feb76b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#feb76b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6db0fe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6db0fe" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#fe74b4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#fe74b4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#15fbdb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#15fbdb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6f7683" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6f7683" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fe2b6c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fe2b6c" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#14fbdc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#14fbdc" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffc88f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffc88f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#65bcfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#65bcfe" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#fea9d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#fea9d8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#15fbdb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#15fbdb" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f3f2f2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f3f2f2" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f3f2f2" />
<!-- prompt -->
<text x="15" y="110" fill="#fe74b4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f3f2f2" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#fe74b4" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#14fbdc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#14fbdc" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#feb76b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#feb76b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#14fbdc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#14fbdc" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#65bcfe" />
</svg>
</text><path stroke="#65bcfe" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/papercolor_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#eeeeee" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0087af" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#eee" class="Dynamic" rx="5"/><text x="15" y="15" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0087af" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#af0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#af0000" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#878787"/>
<!-- second command -->
<text x="15" y="55" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#878787" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#af0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#af0000" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#008700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#008700" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#5f8700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#5f8700" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0087af" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0087af" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#005f87" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#005f87" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#444444" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#444" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#878787" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#bcbcbc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#bcbcbc" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#d70000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#d70000" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#d70087" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#d70087" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#8700af" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#8700af" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#d75f00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#d75f00" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d75f00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d75f00" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#005faf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#005faf" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#005f87" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#005f87" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#878787" />
<!-- prompt -->
<text x="15" y="110" fill="#878787" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#878787" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#878787" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#008700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#008700" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#5f8700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#5f8700" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#008700" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#008700" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0087af" />
</svg>
</text><path stroke="#0087af" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/pencil_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#212121" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#008ec4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#212121" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#008ec4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c30771" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c30771" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f1f1f1"/>
<!-- second command -->
<text x="15" y="55" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f1f1f1" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#212121" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#212121" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c30771" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c30771" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#a89c14" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#a89c14" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#008ec4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#008ec4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#523c79" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#523c79" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#20a5ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#20a5ba" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#818181" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#818181" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fb007a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fb007a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5fd7af" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5fd7af" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3e430" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3e430" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#20bbfc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#20bbfc" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6855de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6855de" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#4fb8cc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#4fb8cc" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f1f1f1" />
<!-- prompt -->
<text x="15" y="110" fill="#523c79" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f1f1f1" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#523c79" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#a89c14" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#a89c14" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#008ec4" />
</svg>
</text><path stroke="#008ec4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/pencil_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#f1f1f1" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#424242" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#008ec4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#f1f1f1" class="Dynamic" rx="5"/><text x="15" y="15" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#008ec4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#c30771" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c30771" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#424242" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#424242"/>
<!-- second command -->
<text x="15" y="55" fill="#424242" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#424242" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#424242" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#212121" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#212121" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#c30771" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c30771" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#a89c14" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#a89c14" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#008ec4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#008ec4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#523c79" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#523c79" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#20a5ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#20a5ba" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e0e0e0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e0e0e0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#424242" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#212121" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#212121" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fb007a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fb007a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5fd7af" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5fd7af" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3e430" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3e430" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#20bbfc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#20bbfc" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6855de" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6855de" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#4fb8cc" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#4fb8cc" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#424242" />
<!-- prompt -->
<text x="15" y="110" fill="#523c79" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#424242" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#523c79" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#a89c14" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#a89c14" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#10a778" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#10a778" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#008ec4" />
</svg>
</text><path stroke="#008ec4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/plastic.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#181A1F" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#61AFEF" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#181A1F" class="Dynamic" rx="5"/><text x="15" y="15" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#61AFEF" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#E06C75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#E06C75" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#A9B2C3"/>
<!-- second command -->
<text x="15" y="55" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#A9B2C3" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#5F6672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#5F6672" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#E06C75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#E06C75" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#98C379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#98C379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#E5C07B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#E5C07B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#61AFEF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#61AFEF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#B57EDC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#B57EDC" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#56B6C2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#56B6C2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#5F6672" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#5F6672" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#E06C75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#E06C75" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#98C379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#98C379" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#E5C07B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#E5C07B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#61AFEF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#61AFEF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#B57EDC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#B57EDC" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#56B6C2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#56B6C2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#A9B2C3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#A9B2C3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#A9B2C3" />
<!-- prompt -->
<text x="15" y="110" fill="#B57EDC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#A9B2C3" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#B57EDC" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#98C379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#98C379" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#E5C07B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#E5C07B" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#98C379" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#98C379" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#1085FF" />
</svg>
</text><path stroke="#1085FF" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/poimandres.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1B1E28" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#DDFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1B1E28" class="Dynamic" rx="5"/><text x="15" y="15" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#DFF" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#679DFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#679DFF" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ACCDFF"/>
<!-- second command -->
<text x="15" y="55" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ACCDFF" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1B1E28" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1B1E28" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#679DFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#679DFF" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#E4C7FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#E4C7FF" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#FAC2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#FAC2FF" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#DDFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#DFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#C5E9FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#C5E9FF" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#DDFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#DFF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#ACCDFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#ACCDFF" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#679DFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#679DFF" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#E4C7FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#E4C7FF" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#FAC2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#FAC2FF" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#D7FFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#D7FFFF" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#C5E9FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#C5E9FF" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#D7FFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#D7FFFF" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ACCDFF" />
<!-- prompt -->
<text x="15" y="110" fill="#C5E9FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#ACCDFF" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#C5E9FF" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#E4C7FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#E4C7FF" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#FAC2FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#FAC2FF" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#E4C7FF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#E4C7FF" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#C5E9FF" />
</svg>
</text><path stroke="#C5E9FF" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/remedy_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2c2b2a" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f9e7c4" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#5f819d" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2c2b2a" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f9e7c4" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#5f819d" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#a54242" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#a54242" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f9e7c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f9e7c4" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f9e7c4"/>
<!-- second command -->
<text x="15" y="55" fill="#f9e7c4" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f9e7c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f9e7c4" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f9e7c4" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f9e7c4" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a2e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a2e" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#a54242" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#a54242" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#8c9440" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#8c9440" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#de935f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#de935f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#5f819d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#5f819d" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#85678f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#85678f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5e8d87" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5e8d87" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#707880" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#707880" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f9e7c4" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f9e7c4" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#373b41" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#373b41" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#cc6666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#c66" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#b5bd68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#b5bd68" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f0c674" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f0c674" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#81a2be" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#81a2be" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b294bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b294bb" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#8abeb7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#8abeb7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f9e7c4" />
<!-- prompt -->
<text x="15" y="110" fill="#85678f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f9e7c4" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#85678f" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#8c9440" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#8c9440" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#de935f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#de935f" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#8c9440" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#8c9440" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#5f819d" />
</svg>
</text><path stroke="#5f819d" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/seashells.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#061923" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#e5c49e" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#255a62" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#061923" class="Dynamic" rx="5"/><text x="15" y="15" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#255a62" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#db662d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#db662d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#e5c49e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#e5c49e"/>
<!-- second command -->
<text x="15" y="55" fill="#e5c49e" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#e5c49e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e5c49e" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1d485f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1d485f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#db662d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#db662d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#008eab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#008eab" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#feaf3c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#feaf3c" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#255a62" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#255a62" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#77dbf4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#77dbf4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#5fb1c2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#5fb1c2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e5c49e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#e5c49e" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#e5c49e" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#545d65" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#545d65" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#dd998a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#dd998a" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#739da8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#739da8" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fedaae" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fedaae" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0bc7e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#0bc7e3" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c6e8f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c6e8f1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#97b9c0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#97b9c0" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffe9d7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#ffe9d7" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#e5c49e" />
<!-- prompt -->
<text x="15" y="110" fill="#77dbf4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e5c49e" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#77dbf4" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#008eab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#008eab" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#feaf3c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#feaf3c" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#008eab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#008eab" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#255a62" />
</svg>
</text><path stroke="#255a62" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/simply_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1f2732" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1f2732" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#181818" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#181818" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#86c1b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#86c1b9" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d8d8d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d8d8d8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#585858" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#585858" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ab4642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ab4642" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7cafc2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7cafc2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#86c1b9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#86c1b9" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f8f8f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f8f8f8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#ba8baf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ba8baf" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f7ca88" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f7ca88" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#a1b56c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#a1b56c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ffffff" />
</svg>
</text><path stroke="#fff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/snazzy.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb"/>
<!-- second command -->
<text x="15" y="55" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eff0eb" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb" />
<!-- prompt -->
<text x="15" y="110" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ff6ac1" />
</svg>
</text><path stroke="#ff6ac1" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/snazzy_blue.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb"/>
<!-- second command -->
<text x="15" y="55" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eff0eb" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb" />
<!-- prompt -->
<text x="15" y="110" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#57c7ff" />
</svg>
</text><path stroke="#57c7ff" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/snazzy_green.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb"/>
<!-- second command -->
<text x="15" y="55" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eff0eb" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb" />
<!-- prompt -->
<text x="15" y="110" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#5af78e" />
</svg>
</text><path stroke="#5af78e" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/snazzy_red.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282a36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282a36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb"/>
<!-- second command -->
<text x="15" y="55" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eff0eb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282a36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282a36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eff0eb" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eff0eb" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#686868" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#686868" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5c57" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5c57" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#57c7ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#57c7ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#9aedfe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#9aedfe" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#f1f1f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#f1f1f0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eff0eb" />
<!-- prompt -->
<text x="15" y="110" fill="#ff6ac1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff0eb" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ff6ac1" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#f3f99d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#f3f99d" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#5af78e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#5af78e" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#ff5c57" />
</svg>
</text><path stroke="#ff5c57" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/solarized_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#002b36" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#002b36" class="Dynamic" rx="5"/><text x="15" y="15" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#839496"/>
<!-- second command -->
<text x="15" y="55" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#839496" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#073642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#073642" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#2aa198" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#2aa198" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eee8d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee8d5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#839496" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#002b36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#002b36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#cb4b16" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#cb4b16" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#657b83" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#657b83" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6c71c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6c71c4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#93a1a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#93a1a1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fdf6e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fdf6e3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#839496" />
<!-- prompt -->
<text x="15" y="110" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#839496" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#268bd2" />
</svg>
</text><path stroke="#268bd2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/solarized_light.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#fdf6e3" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#fdf6e3" class="Dynamic" rx="5"/><text x="15" y="15" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#586e75"/>
<!-- second command -->
<text x="15" y="55" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#586e75" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#073642" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#073642" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#dc322f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#dc322f" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#268bd2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#268bd2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#2aa198" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#2aa198" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eee8d5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee8d5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#586e75" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#002b36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#002b36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#cb4b16" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#cb4b16" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#586e75" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#586e75" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#657b83" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#657b83" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#839496" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#839496" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#6c71c4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#6c71c4" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#93a1a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#93a1a1" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#fdf6e3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fdf6e3" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#586e75" />
<!-- prompt -->
<text x="15" y="110" fill="#d33682" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#586e75" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d33682" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#b58900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#b58900" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#859900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#859900" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#268bd2" />
</svg>
</text><path stroke="#268bd2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/taerminal.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#26282a" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#f0f0f0" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#8bbce5" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#26282a" class="Dynamic" rx="5"/><text x="15" y="15" fill="#f0f0f0" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#8bbce5" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff8878" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff8878" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#f0f0f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#f0f0f0" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#f0f0f0"/>
<!-- second command -->
<text x="15" y="55" fill="#f0f0f0" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#f0f0f0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f0f0f0" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#f0f0f0" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#f0f0f0" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#26282a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#26282a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff8878" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff8878" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#b4fb73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#b4fb73" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#fffcb7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#fffcb7" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#8bbce5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#8bbce5" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ffb2fe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ffb2fe" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#a2e1f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#a2e1f8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#f1f1f1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#f1f1f1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#f0f0f0" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#f0f0f0" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#6f6f6f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#6f6f6f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#fe978b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#fe978b" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#d6fcba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#d6fcba" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fffed5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fffed5" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#c2e3ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#c2e3ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ffc6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ffc6ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#c0e9f8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#c0e9f8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#f0f0f0" />
<!-- prompt -->
<text x="15" y="110" fill="#ffb2fe" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#f0f0f0" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ffb2fe" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#b4fb73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#b4fb73" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#fffcb7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#fffcb7" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#b4fb73" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#b4fb73" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#8bbce5" />
</svg>
</text><path stroke="#8bbce5" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tango_dark.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#2e3436" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#3465a4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#2e3436" class="Dynamic" rx="5"/><text x="15" y="15" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#3465a4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#cc0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c00" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#d3d7cf"/>
<!-- second command -->
<text x="15" y="55" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d3d7cf" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#2e3436" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#2e3436" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#cc0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c00" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#4e9a06" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#4e9a06" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#c4a000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#c4a000" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#3465a4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#3465a4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#75507b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#75507b" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#06989a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#06989a" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#d3d7cf" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#d3d7cf" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#555753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#555753" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ef2929" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ef2929" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#8ae234" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#8ae234" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#fce94f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#fce94f" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#729fcf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#729fcf" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ad7fa8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#ad7fa8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#34e2e2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#34e2e2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#eeeeec" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#eeeeec" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#d3d7cf" />
<!-- prompt -->
<text x="15" y="110" fill="#75507b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#d3d7cf" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#75507b" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#4e9a06" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#4e9a06" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#c4a000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#c4a000" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#4e9a06" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#4e9a06" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#3465a4" />
</svg>
</text><path stroke="#3465a4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tender.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#282828" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#282828" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee"/>
<!-- second command -->
<text x="15" y="55" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#73cef4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#73cef4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#eeeeee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eeeeee" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eee" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#4c4c4c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#4c4c4c" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f43753" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f43753" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#b3deef" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#b3deef" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#73cef4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#73cef4" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#feffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#feffff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eeeeee" />
<!-- prompt -->
<text x="15" y="110" fill="#d3b987" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eee" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#d3b987" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffc24b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffc24b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c9d05c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c9d05c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#b3deef" />
</svg>
</text><path stroke="#b3deef" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/terminal_app.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#b6b6b6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0000b2" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#b6b6b6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#0000b2" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#990000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#900" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#b6b6b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#b6b6b6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#b6b6b6"/>
<!-- second command -->
<text x="15" y="55" fill="#b6b6b6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#b6b6b6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#b6b6b6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#b6b6b6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#b6b6b6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#990000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#900" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00a600" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#00a600" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#999900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#990" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0000b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#0000b2" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b200b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b200b2" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00a6b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00a6b2" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#bfbfbf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#bfbfbf" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#b6b6b6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#b6b6b6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#666666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#666" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#e50000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#e50000" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00d900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#00d900" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e5e500" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e5e500" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#0000ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#00f" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e500e5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e500e5" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00e5e5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#00e5e5" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#e5e5e5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#e5e5e5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#b6b6b6" />
<!-- prompt -->
<text x="15" y="110" fill="#b200b2" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#b6b6b6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b200b2" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00a600" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#00a600" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#999900" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#990" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00a600" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#00a600" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0000b2" />
</svg>
</text><path stroke="#0000b2" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/thelovelace.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1D1F28" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#8897F4" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1D1F28" class="Dynamic" rx="5"/><text x="15" y="15" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#8897F4" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#F37F97" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#F37F97" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#FDFDFD"/>
<!-- second command -->
<text x="15" y="55" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FDFDFD" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282A36" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282A36" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#F37F97" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#F37F97" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#5ADECD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#5ADECD" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#F2A272" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#F2A272" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#8897F4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#8897F4" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#C574DD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#C574DD" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#79E6F3" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#79E6F3" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#FDFDFD" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#FDFDFD" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#414458" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#414458" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#FF4971" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#FF4971" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#18E3C8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#18E3C8" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#EBCB8B" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#EBCB8B" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#FF8037" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#FF8037" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#556FFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#556FFF" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#3FDCEE" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#3FDCEE" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#BEBEC1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#BEBEC1" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#FDFDFD" />
<!-- prompt -->
<text x="15" y="110" fill="#C574DD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FDFDFD" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#C574DD" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#5ADECD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#5ADECD" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#F2A272" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#F2A272" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#5ADECD" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#5ADECD" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#8897F4" />
</svg>
</text><path stroke="#8897F4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tokyo_night.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1a1b26" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7aa2f7" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1a1b26" class="Dynamic" rx="5"/><text x="15" y="15" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7aa2f7" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f7768e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f7768e" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#a9b1d6"/>
<!-- second command -->
<text x="15" y="55" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a9b1d6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#32344a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#32344a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f7768e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f7768e" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e0af68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e0af68" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7aa2f7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7aa2f7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ad8ee6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ad8ee6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#449dab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#449dab" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#787c99" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#787c99" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#444b6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#444b6a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff7a93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff7a93" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#b9f27c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#b9f27c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ff9e64" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff9e64" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7da6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7da6ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#bb9af7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#bb9af7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#0db9d7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0db9d7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#acb0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#acb0d0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#a9b1d6" />
<!-- prompt -->
<text x="15" y="110" fill="#ad8ee6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a9b1d6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ad8ee6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e0af68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e0af68" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7aa2f7" />
</svg>
</text><path stroke="#7aa2f7" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tokyo_night_storm.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#24283b" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7aa2f7" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#24283b" class="Dynamic" rx="5"/><text x="15" y="15" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7aa2f7" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f7768e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f7768e" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#a9b1d6"/>
<!-- second command -->
<text x="15" y="55" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a9b1d6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#32344a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#32344a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f7768e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f7768e" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e0af68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e0af68" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7aa2f7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7aa2f7" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ad8ee6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ad8ee6" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#449dab" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#449dab" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#9699a8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#9699a8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#a9b1d6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#a9b1d6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#444b6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#444b6a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff7a93" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff7a93" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#b9f27c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#b9f27c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ff9e64" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff9e64" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7da6ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7da6ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#bb9af7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#bb9af7" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#0db9d7" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0db9d7" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#acb0d0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#acb0d0" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#a9b1d6" />
<!-- prompt -->
<text x="15" y="110" fill="#ad8ee6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#a9b1d6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ad8ee6" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e0af68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e0af68" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#9ece6a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#9ece6a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7aa2f7" />
</svg>
</text><path stroke="#7aa2f7" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tomorrow_night.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1d1f21" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#81a2be" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1d1f21" class="Dynamic" rx="5"/><text x="15" y="15" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#81a2be" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#cc6666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#c66" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#c5c8c6"/>
<!-- second command -->
<text x="15" y="55" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c5c8c6" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#1d1f21" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#1d1f21" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#cc6666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#c66" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#b5bd68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#b5bd68" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e6c547" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e6c547" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#81a2be" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#81a2be" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#b294bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#b294bb" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#70c0ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#70c0ba" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#373b41" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#373b41" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#c5c8c6" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#c5c8c6" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#666666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#666" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff3334" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff3334" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#9ec400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#9ec400" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f0c674" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f0c674" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#81a2be" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#81a2be" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b77ee0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b77ee0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#54ced6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#54ced6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#282a2e" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#282a2e" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#c5c8c6" />
<!-- prompt -->
<text x="15" y="110" fill="#b294bb" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#c5c8c6" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#b294bb" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#b5bd68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#b5bd68" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e6c547" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e6c547" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#b5bd68" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#b5bd68" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#81a2be" />
</svg>
</text><path stroke="#81a2be" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/tomorrow_night_bright.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eaeaea" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#7aa6da" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eaeaea" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#7aa6da" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#d54e53" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#d54e53" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eaeaea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eaeaea" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eaeaea"/>
<!-- second command -->
<text x="15" y="55" fill="#eaeaea" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eaeaea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eaeaea" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eaeaea" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eaeaea" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#d54e53" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#d54e53" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#b9ca4a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#b9ca4a" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#e6c547" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#e6c547" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#7aa6da" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#7aa6da" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c397d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c397d8" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#70c0ba" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#70c0ba" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#424242" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#424242" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eaeaea" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eaeaea" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#666666" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#666" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff3334" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff3334" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#9ec400" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#9ec400" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#e7c547" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#e7c547" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#7aa6da" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#7aa6da" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#b77ee0" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#b77ee0" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#54ced6" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#54ced6" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#2a2a2a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#2a2a2a" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eaeaea" />
<!-- prompt -->
<text x="15" y="110" fill="#c397d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eaeaea" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c397d8" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#b9ca4a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#b9ca4a" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#e6c547" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#e6c547" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#b9ca4a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#b9ca4a" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#7aa6da" />
</svg>
</text><path stroke="#7aa6da" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/vscode_default_dark_material.yml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1a1a1a" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#eeffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1a1a1a" class="Dynamic" rx="5"/><text x="15" y="15" fill="#eff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#ff5370" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#ff5370" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#eeffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#eff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#eeffff"/>
<!-- second command -->
<text x="15" y="55" fill="#eeffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#eeffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#eff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#eff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#ff5370" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#ff5370" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#ffcb6b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#ffcb6b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#89ddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#89ddff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#eeffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#eff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#4a4a4a" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#4a4a4a" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff5370" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#ff5370" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffcb6b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ffcb6b" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#82aaff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#82aaff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#89ddff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#89ddff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#eeffff" />
<!-- prompt -->
<text x="15" y="110" fill="#c792ea" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#eff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#c792ea" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#ffcb6b" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#ffcb6b" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#c3e88d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#c3e88d" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#80cbc4" />
</svg>
</text><path stroke="#80cbc4" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/vuesion.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#202831" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#8DC3F9" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#202831" class="Dynamic" rx="5"/><text x="15" y="15" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#8DC3F9" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#E84606" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#E84606" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#FFFFFF"/>
<!-- second command -->
<text x="15" y="55" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FFF" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#E84606" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#E84606" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#3D8BEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#3D8BEB" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#F43B6C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#F43B6C" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#8DC3F9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#8DC3F9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#33CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#3CC" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#33CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#3CC" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#282828" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#282828" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#E84606" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#E84606" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#3D8BEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#3D8BEB" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#F43B6C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#F43B6C" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#8DC3F9" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#8DC3F9" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#33CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#3CC" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#33CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#3CC" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#FFFFFF" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#FFF" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#FFFFFF" />
<!-- prompt -->
<text x="15" y="110" fill="#33CCCC" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#FFF" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#3CC" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#3D8BEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#3D8BEB" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#F43B6C" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#F43B6C" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#3D8BEB" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#3D8BEB" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#4A9BFD" />
</svg>
</text><path stroke="#4A9BFD" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/wombat.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#1f1f1f" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#6ebaf8" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" fill="#1f1f1f" class="Dynamic" rx="5"/><text x="15" y="15" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#6ebaf8" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#f7786d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#f7786d" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#e5e1d8"/>
<!-- second command -->
<text x="15" y="55" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e5e1d8" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#f7786d" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#f7786d" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#bde97c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#bde97c" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#efdfac" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#efdfac" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#6ebaf8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#6ebaf8" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#ef88ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#ef88ff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#90fdf8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#90fdf8" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#e5e1d8" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#e5e1d8" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#b4b4b4" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#b4b4b4" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#f99f92" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="#f99f92" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#e3f7a1" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#e3f7a1" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#f2e9bf" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#f2e9bf" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#b3d2ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#b3d2ff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#e5bdff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#e5bdff" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#c2fefa" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#c2fefa" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#e5e1d8" />
<!-- prompt -->
<text x="15" y="110" fill="#ef88ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#e5e1d8" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#ef88ff" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#bde97c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#bde97c" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#efdfac" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#efdfac" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#bde97c" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#bde97c" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#6ebaf8" />
</svg>
</text><path stroke="#6ebaf8" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

91
standard/previews/xterm.yaml.svg
View file

@ -1,90 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145">
<rect width="300" height="145" class="Dynamic" fill="#000000" rx="5" />
<!-- first command -->
<text x="15" y="15" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">ls</text>
<text x="15" y="30" fill="#0000ee" font-size="0.6em" font-family="monospace" class="Dynamic">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 145"><rect width="300" height="145" class="Dynamic" rx="5"/><text x="15" y="15" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">ls</text><text x="15" y="30" fill="#00e" class="Dynamic" font-family="monospace" font-size=".6em">
dir
</text>
<text x="65" y="30" fill="#cd0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="30" fill="#cd0000" class="Dynamic" font-family="monospace" font-size=".6em">
executable
</text>
<text x="175" y="30" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="175" y="30" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
file
</text>
<line x1="0" y1="40" x2="300" y2="40" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff"/>
<!-- second command -->
<text x="15" y="55" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">bash ~/colors.sh</text>
<text x="15" y="70" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 40h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="55" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">bash ~/colors.sh</text><text x="15" y="70" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
normal:
</text>
<text x="55" y="70" fill="#000000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="70" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="70" fill="#cd0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="70" fill="#cd0000" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="70" fill="#00cd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="70" fill="#00cd00" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="70" fill="#cdcd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="70" fill="#cdcd00" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="70" fill="#0000ee" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="70" fill="#00e" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="70" fill="#cd00cd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="70" fill="#cd00cd" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="70" fill="#00cdcd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="70" fill="#00cdcd" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="70" fill="#e5e5e5" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="70" fill="#e5e5e5" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<text x="15" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class='Dynamic'>
</text><text x="15" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
bright:
</text>
<text x="55" y="85" fill="#7f7f7f" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="55" y="85" fill="#7f7f7f" class="Dynamic" font-family="monospace" font-size=".6em">
black
</text>
<text x="85" y="85" fill="#ff0000" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="85" fill="red" class="Dynamic" font-family="monospace" font-size=".6em">
red
</text>
<text x="105" y="85" fill="#00ff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="105" y="85" fill="#0f0" class="Dynamic" font-family="monospace" font-size=".6em">
green
</text>
<text x="135" y="85" fill="#ffff00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="135" y="85" fill="#ff0" class="Dynamic" font-family="monospace" font-size=".6em">
yellow
</text>
<text x="170" y="85" fill="#5c5cff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="170" y="85" fill="#5c5cff" class="Dynamic" font-family="monospace" font-size=".6em">
blue
</text>
<text x="195" y="85" fill="#ff00ff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="195" y="85" fill="#f0f" class="Dynamic" font-family="monospace" font-size=".6em">
magenta
</text>
<text x="235" y="85" fill="#00ffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="235" y="85" fill="#0ff" class="Dynamic" font-family="monospace" font-size=".6em">
cyan
</text>
<text x="260" y="85" fill="#ffffff" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="260" y="85" fill="#fff" class="Dynamic" font-family="monospace" font-size=".6em">
white
</text>
<line x1="0" y1="95" x2="300" y2="95" style="stroke-width:0.2" class="Dynamic" stroke="#ffffff" />
<!-- prompt -->
<text x="15" y="110" fill="#cd00cd" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><path stroke="#fff" d="M0 95h300" class="Dynamic" style="stroke-width:.2"/><text x="15" y="110" fill="#cd00cd" class="Dynamic" font-family="monospace" font-size=".6em">
~/project
</text>
<text x="65" y="110" fill="#00cd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="65" y="110" fill="#00cd00" class="Dynamic" font-family="monospace" font-size=".6em">
git(
</text>
<text x="85" y="110" fill="#cdcd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="85" y="110" fill="#cdcd00" class="Dynamic" font-family="monospace" font-size=".6em">
main
</text>
<text x="113" y="110" fill="#00cd00" font-size="0.6em" font-family="monospace" class="Dynamic">
</text><text x="113" y="110" fill="#00cd00" class="Dynamic" font-family="monospace" font-size=".6em">
)
</text>
<!-- cursor -->
<line x1="15" y1="120" x2="15" y2="130" style="stroke-width:2" class="Dynamic" stroke="#0000ee" />
</svg>
</text><path stroke="#00e" d="M15 120v10" class="Dynamic" style="stroke-width:2"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After