refactor: change theme defining

This commit is contained in:
Daylin Morgan 2022-06-15 13:06:30 -05:00
parent 95eb9dc287
commit 483df43d84
22 changed files with 6280 additions and 1303 deletions

View file

@ -1,37 +1,31 @@
<svg class="rich-terminal" viewBox="0 0 580 220.79999999999998" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts@2.1.0/patched-fonts/FiraCode/Regular/complete/Fira%20Code%20Regular%20Nerd%20Font%20Complete.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts@2.1.0/patched-fonts/FiraCode/Bold/complete/Fira%20Code%20Bold%20Nerd%20Font%20Complete.ttf") format("truetype");
font-style: bold;
font-weight: 700;
}
.terminal-470432081-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-470432081-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-470432081-r1 { fill: #06dc9d }
.terminal-470432081-r2 { fill: #0de988 }
.terminal-470432081-r3 { fill: #18f373 }
@ -95,7 +89,6 @@
.terminal-470432081-r61 { fill: #e10895 }
.terminal-470432081-r62 { fill: #d203aa }
</style>
<defs>
<clipPath id="terminal-470432081-clip-terminal">
<rect x="0" y="0" width="560.1999999999999" height="169.79999999999998" />
@ -119,7 +112,6 @@
<rect x="0" y="123.5" width="561.2" height="24.65"/>
</clipPath>
</defs>
<rect fill="#1e1e2e" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="578" height="218.8" rx="8"/><text class="terminal-470432081-title" fill="#c6d0f5" text-anchor="middle" x="289" y="27">yartsu</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 168 KiB

689
assets/themes/cat-latte.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 170 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 168 KiB

689
assets/themes/cat-mocha.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 170 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-1674039238-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-1674039238-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-1674039238-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-1674039238-r2 { fill: #c6ceef }
.terminal-1674039238-r3 { fill: #8a90ab }
.terminal-1674039238-r4 { fill: #94e2d5;font-weight: bold }
.terminal-1674039238-r5 { fill: #f9e2af }
.terminal-1674039238-r6 { fill: #a6e3a1 }
</style>
<defs>
<clipPath id="terminal-1674039238-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-1674039238-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-1674039238-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#303446" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-1674039238-title" fill="#c6ceef" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;cat_frappe</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-1674039238-clip-terminal)">
<g class="terminal-1674039238-matrix">
<text class="terminal-1674039238-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-1674039238-line-0)">usage</text><text class="terminal-1674039238-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-1674039238-line-0)">:</text><text class="terminal-1674039238-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-1674039238-line-0)">
</text><text class="terminal-1674039238-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-1674039238-line-1)">
</text><text class="terminal-1674039238-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-1674039238-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-1674039238-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-1674039238-line-2)">
</text><text class="terminal-1674039238-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-1674039238-line-3)">OR</text><text class="terminal-1674039238-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-1674039238-line-3)">
</text><text class="terminal-1674039238-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-1674039238-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-1674039238-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-1674039238-line-4)">
</text><text class="terminal-1674039238-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-1674039238-line-5)">OR</text><text class="terminal-1674039238-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-1674039238-line-5)">
</text><text class="terminal-1674039238-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-1674039238-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-1674039238-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-1674039238-line-6)">
</text><text class="terminal-1674039238-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1674039238-line-7)">
</text><text class="terminal-1674039238-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-1674039238-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-1674039238-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-1674039238-line-8)">
</text><text class="terminal-1674039238-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-1674039238-line-9)">
</text><text class="terminal-1674039238-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-1674039238-line-10)">options</text><text class="terminal-1674039238-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-1674039238-line-10)">:</text><text class="terminal-1674039238-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-1674039238-line-10)">
</text><text class="terminal-1674039238-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-1674039238-line-11)">-h</text><text class="terminal-1674039238-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-1674039238-line-11)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-1674039238-line-11)">--help</text><text class="terminal-1674039238-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-1674039238-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-1674039238-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-1674039238-line-11)">
</text><text class="terminal-1674039238-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-1674039238-line-12)">-V</text><text class="terminal-1674039238-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-1674039238-line-12)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-1674039238-line-12)">--version</text><text class="terminal-1674039238-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-1674039238-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-1674039238-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-1674039238-line-12)">
</text><text class="terminal-1674039238-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-1674039238-line-13)">-i</text><text class="terminal-1674039238-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-1674039238-line-13)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-1674039238-line-13)">--input</text><text class="terminal-1674039238-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-1674039238-line-13)">&#160;INPUT</text><text class="terminal-1674039238-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-1674039238-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-1674039238-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1674039238-line-13)">
</text><text class="terminal-1674039238-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-1674039238-line-14)">-o</text><text class="terminal-1674039238-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-1674039238-line-14)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-1674039238-line-14)">--output</text><text class="terminal-1674039238-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-1674039238-line-14)">&#160;OUTPUT</text><text class="terminal-1674039238-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-1674039238-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-1674039238-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-1674039238-line-14)">
</text><text class="terminal-1674039238-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-1674039238-line-15)">-t</text><text class="terminal-1674039238-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-1674039238-line-15)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-1674039238-line-15)">--title</text><text class="terminal-1674039238-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-1674039238-line-15)">&#160;TITLE</text><text class="terminal-1674039238-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-1674039238-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-1674039238-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-1674039238-line-15)">
</text><text class="terminal-1674039238-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-1674039238-line-16)">-w</text><text class="terminal-1674039238-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-1674039238-line-16)">,&#160;</text><text class="terminal-1674039238-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-1674039238-line-16)">--width</text><text class="terminal-1674039238-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-1674039238-line-16)">&#160;WIDTH</text><text class="terminal-1674039238-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-1674039238-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-1674039238-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-1674039238-line-16)">
</text><text class="terminal-1674039238-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-1674039238-line-17)">--theme</text><text class="terminal-1674039238-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-1674039238-line-17)">&#160;THEME</text><text class="terminal-1674039238-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-1674039238-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-1674039238-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-1674039238-line-17)">
</text><text class="terminal-1674039238-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-1674039238-line-18)">--list-themes</text><text class="terminal-1674039238-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-1674039238-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-1674039238-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-1674039238-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2483212130-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2483212130-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2483212130-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-2483212130-r2 { fill: #4c4f69 }
.terminal-2483212130-r3 { fill: #8d8fa1 }
.terminal-2483212130-r4 { fill: #94e2d5;font-weight: bold }
.terminal-2483212130-r5 { fill: #f9e2af }
.terminal-2483212130-r6 { fill: #a6e3a1 }
</style>
<defs>
<clipPath id="terminal-2483212130-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-2483212130-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2483212130-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#eff1f5" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-2483212130-title" fill="#4c4f69" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;cat_latte</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2483212130-clip-terminal)">
<g class="terminal-2483212130-matrix">
<text class="terminal-2483212130-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-2483212130-line-0)">usage</text><text class="terminal-2483212130-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-2483212130-line-0)">:</text><text class="terminal-2483212130-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-2483212130-line-0)">
</text><text class="terminal-2483212130-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-2483212130-line-1)">
</text><text class="terminal-2483212130-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-2483212130-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-2483212130-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-2483212130-line-2)">
</text><text class="terminal-2483212130-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-2483212130-line-3)">OR</text><text class="terminal-2483212130-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-2483212130-line-3)">
</text><text class="terminal-2483212130-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-2483212130-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-2483212130-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2483212130-line-4)">
</text><text class="terminal-2483212130-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-2483212130-line-5)">OR</text><text class="terminal-2483212130-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-2483212130-line-5)">
</text><text class="terminal-2483212130-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-2483212130-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-2483212130-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2483212130-line-6)">
</text><text class="terminal-2483212130-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2483212130-line-7)">
</text><text class="terminal-2483212130-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-2483212130-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-2483212130-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2483212130-line-8)">
</text><text class="terminal-2483212130-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2483212130-line-9)">
</text><text class="terminal-2483212130-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-2483212130-line-10)">options</text><text class="terminal-2483212130-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-2483212130-line-10)">:</text><text class="terminal-2483212130-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-2483212130-line-10)">
</text><text class="terminal-2483212130-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-2483212130-line-11)">-h</text><text class="terminal-2483212130-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-2483212130-line-11)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-2483212130-line-11)">--help</text><text class="terminal-2483212130-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-2483212130-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-2483212130-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2483212130-line-11)">
</text><text class="terminal-2483212130-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-2483212130-line-12)">-V</text><text class="terminal-2483212130-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-2483212130-line-12)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-2483212130-line-12)">--version</text><text class="terminal-2483212130-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-2483212130-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-2483212130-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2483212130-line-12)">
</text><text class="terminal-2483212130-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-2483212130-line-13)">-i</text><text class="terminal-2483212130-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-2483212130-line-13)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-2483212130-line-13)">--input</text><text class="terminal-2483212130-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-2483212130-line-13)">&#160;INPUT</text><text class="terminal-2483212130-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-2483212130-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-2483212130-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2483212130-line-13)">
</text><text class="terminal-2483212130-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-2483212130-line-14)">-o</text><text class="terminal-2483212130-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-2483212130-line-14)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-2483212130-line-14)">--output</text><text class="terminal-2483212130-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-2483212130-line-14)">&#160;OUTPUT</text><text class="terminal-2483212130-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-2483212130-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-2483212130-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2483212130-line-14)">
</text><text class="terminal-2483212130-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-2483212130-line-15)">-t</text><text class="terminal-2483212130-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-2483212130-line-15)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-2483212130-line-15)">--title</text><text class="terminal-2483212130-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-2483212130-line-15)">&#160;TITLE</text><text class="terminal-2483212130-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-2483212130-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-2483212130-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-2483212130-line-15)">
</text><text class="terminal-2483212130-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-2483212130-line-16)">-w</text><text class="terminal-2483212130-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-2483212130-line-16)">,&#160;</text><text class="terminal-2483212130-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-2483212130-line-16)">--width</text><text class="terminal-2483212130-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-2483212130-line-16)">&#160;WIDTH</text><text class="terminal-2483212130-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-2483212130-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-2483212130-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2483212130-line-16)">
</text><text class="terminal-2483212130-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-2483212130-line-17)">--theme</text><text class="terminal-2483212130-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-2483212130-line-17)">&#160;THEME</text><text class="terminal-2483212130-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-2483212130-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-2483212130-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2483212130-line-17)">
</text><text class="terminal-2483212130-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-2483212130-line-18)">--list-themes</text><text class="terminal-2483212130-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-2483212130-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-2483212130-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2483212130-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-3574649073-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3574649073-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3574649073-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-3574649073-r2 { fill: #c5cff5 }
.terminal-3574649073-r3 { fill: #848baa }
.terminal-3574649073-r4 { fill: #94e2d5;font-weight: bold }
.terminal-3574649073-r5 { fill: #f9e2af }
.terminal-3574649073-r6 { fill: #a6e3a1 }
</style>
<defs>
<clipPath id="terminal-3574649073-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-3574649073-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3574649073-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#24273a" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-3574649073-title" fill="#c5cff5" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;cat_macchiato</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3574649073-clip-terminal)">
<g class="terminal-3574649073-matrix">
<text class="terminal-3574649073-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-3574649073-line-0)">usage</text><text class="terminal-3574649073-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-3574649073-line-0)">:</text><text class="terminal-3574649073-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-3574649073-line-0)">
</text><text class="terminal-3574649073-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3574649073-line-1)">
</text><text class="terminal-3574649073-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-3574649073-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-3574649073-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-3574649073-line-2)">
</text><text class="terminal-3574649073-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-3574649073-line-3)">OR</text><text class="terminal-3574649073-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-3574649073-line-3)">
</text><text class="terminal-3574649073-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-3574649073-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-3574649073-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3574649073-line-4)">
</text><text class="terminal-3574649073-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-3574649073-line-5)">OR</text><text class="terminal-3574649073-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-3574649073-line-5)">
</text><text class="terminal-3574649073-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-3574649073-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-3574649073-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-3574649073-line-6)">
</text><text class="terminal-3574649073-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3574649073-line-7)">
</text><text class="terminal-3574649073-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-3574649073-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-3574649073-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-3574649073-line-8)">
</text><text class="terminal-3574649073-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3574649073-line-9)">
</text><text class="terminal-3574649073-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-3574649073-line-10)">options</text><text class="terminal-3574649073-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-3574649073-line-10)">:</text><text class="terminal-3574649073-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-3574649073-line-10)">
</text><text class="terminal-3574649073-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-3574649073-line-11)">-h</text><text class="terminal-3574649073-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-3574649073-line-11)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-3574649073-line-11)">--help</text><text class="terminal-3574649073-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-3574649073-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-3574649073-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-3574649073-line-11)">
</text><text class="terminal-3574649073-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-3574649073-line-12)">-V</text><text class="terminal-3574649073-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-3574649073-line-12)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-3574649073-line-12)">--version</text><text class="terminal-3574649073-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-3574649073-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-3574649073-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-3574649073-line-12)">
</text><text class="terminal-3574649073-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-3574649073-line-13)">-i</text><text class="terminal-3574649073-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-3574649073-line-13)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-3574649073-line-13)">--input</text><text class="terminal-3574649073-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-3574649073-line-13)">&#160;INPUT</text><text class="terminal-3574649073-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-3574649073-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-3574649073-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3574649073-line-13)">
</text><text class="terminal-3574649073-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-3574649073-line-14)">-o</text><text class="terminal-3574649073-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-3574649073-line-14)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-3574649073-line-14)">--output</text><text class="terminal-3574649073-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-3574649073-line-14)">&#160;OUTPUT</text><text class="terminal-3574649073-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-3574649073-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-3574649073-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-3574649073-line-14)">
</text><text class="terminal-3574649073-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-3574649073-line-15)">-t</text><text class="terminal-3574649073-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-3574649073-line-15)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-3574649073-line-15)">--title</text><text class="terminal-3574649073-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-3574649073-line-15)">&#160;TITLE</text><text class="terminal-3574649073-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-3574649073-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-3574649073-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-3574649073-line-15)">
</text><text class="terminal-3574649073-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-3574649073-line-16)">-w</text><text class="terminal-3574649073-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-3574649073-line-16)">,&#160;</text><text class="terminal-3574649073-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-3574649073-line-16)">--width</text><text class="terminal-3574649073-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-3574649073-line-16)">&#160;WIDTH</text><text class="terminal-3574649073-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-3574649073-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-3574649073-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3574649073-line-16)">
</text><text class="terminal-3574649073-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-3574649073-line-17)">--theme</text><text class="terminal-3574649073-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-3574649073-line-17)">&#160;THEME</text><text class="terminal-3574649073-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-3574649073-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-3574649073-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-3574649073-line-17)">
</text><text class="terminal-3574649073-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-3574649073-line-18)">--list-themes</text><text class="terminal-3574649073-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-3574649073-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-3574649073-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-3574649073-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-2482032464-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2482032464-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2482032464-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-2482032464-r2 { fill: #c6d0f5 }
.terminal-2482032464-r3 { fill: #8288a5 }
.terminal-2482032464-r4 { fill: #94e2d5;font-weight: bold }
.terminal-2482032464-r5 { fill: #f9e2af }
.terminal-2482032464-r6 { fill: #a6e3a1 }
</style>
<defs>
<clipPath id="terminal-2482032464-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-2482032464-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-2482032464-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#1e1e2e" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-2482032464-title" fill="#c6d0f5" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;cat_mocha</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2482032464-clip-terminal)">
<g class="terminal-2482032464-matrix">
<text class="terminal-2482032464-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-2482032464-line-0)">usage</text><text class="terminal-2482032464-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-2482032464-line-0)">:</text><text class="terminal-2482032464-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-2482032464-line-0)">
</text><text class="terminal-2482032464-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-2482032464-line-1)">
</text><text class="terminal-2482032464-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-2482032464-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-2482032464-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-2482032464-line-2)">
</text><text class="terminal-2482032464-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-2482032464-line-3)">OR</text><text class="terminal-2482032464-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-2482032464-line-3)">
</text><text class="terminal-2482032464-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-2482032464-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-2482032464-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2482032464-line-4)">
</text><text class="terminal-2482032464-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-2482032464-line-5)">OR</text><text class="terminal-2482032464-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-2482032464-line-5)">
</text><text class="terminal-2482032464-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-2482032464-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-2482032464-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2482032464-line-6)">
</text><text class="terminal-2482032464-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2482032464-line-7)">
</text><text class="terminal-2482032464-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-2482032464-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-2482032464-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2482032464-line-8)">
</text><text class="terminal-2482032464-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2482032464-line-9)">
</text><text class="terminal-2482032464-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-2482032464-line-10)">options</text><text class="terminal-2482032464-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-2482032464-line-10)">:</text><text class="terminal-2482032464-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-2482032464-line-10)">
</text><text class="terminal-2482032464-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-2482032464-line-11)">-h</text><text class="terminal-2482032464-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-2482032464-line-11)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-2482032464-line-11)">--help</text><text class="terminal-2482032464-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-2482032464-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-2482032464-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2482032464-line-11)">
</text><text class="terminal-2482032464-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-2482032464-line-12)">-V</text><text class="terminal-2482032464-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-2482032464-line-12)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-2482032464-line-12)">--version</text><text class="terminal-2482032464-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-2482032464-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-2482032464-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2482032464-line-12)">
</text><text class="terminal-2482032464-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-2482032464-line-13)">-i</text><text class="terminal-2482032464-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-2482032464-line-13)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-2482032464-line-13)">--input</text><text class="terminal-2482032464-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-2482032464-line-13)">&#160;INPUT</text><text class="terminal-2482032464-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-2482032464-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-2482032464-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2482032464-line-13)">
</text><text class="terminal-2482032464-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-2482032464-line-14)">-o</text><text class="terminal-2482032464-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-2482032464-line-14)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-2482032464-line-14)">--output</text><text class="terminal-2482032464-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-2482032464-line-14)">&#160;OUTPUT</text><text class="terminal-2482032464-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-2482032464-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-2482032464-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2482032464-line-14)">
</text><text class="terminal-2482032464-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-2482032464-line-15)">-t</text><text class="terminal-2482032464-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-2482032464-line-15)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-2482032464-line-15)">--title</text><text class="terminal-2482032464-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-2482032464-line-15)">&#160;TITLE</text><text class="terminal-2482032464-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-2482032464-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-2482032464-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-2482032464-line-15)">
</text><text class="terminal-2482032464-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-2482032464-line-16)">-w</text><text class="terminal-2482032464-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-2482032464-line-16)">,&#160;</text><text class="terminal-2482032464-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-2482032464-line-16)">--width</text><text class="terminal-2482032464-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-2482032464-line-16)">&#160;WIDTH</text><text class="terminal-2482032464-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-2482032464-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-2482032464-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2482032464-line-16)">
</text><text class="terminal-2482032464-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-2482032464-line-17)">--theme</text><text class="terminal-2482032464-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-2482032464-line-17)">&#160;THEME</text><text class="terminal-2482032464-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-2482032464-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-2482032464-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2482032464-line-17)">
</text><text class="terminal-2482032464-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-2482032464-line-18)">--list-themes</text><text class="terminal-2482032464-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-2482032464-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-2482032464-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2482032464-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 170 KiB

688
assets/themes/dracula.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 166 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 166 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 170 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-97046720-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-97046720-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-97046720-r1 { fill: #08916a;font-weight: bold;font-style: italic; }
.terminal-97046720-r2 { fill: #403f53 }
.terminal-97046720-r3 { fill: #8c8b97 }
.terminal-97046720-r4 { fill: #08916a;font-weight: bold }
.terminal-97046720-r5 { fill: #daaa01 }
.terminal-97046720-r6 { fill: #2aa298 }
</style>
<defs>
<clipPath id="terminal-97046720-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-97046720-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-97046720-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#ffffff" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-97046720-title" fill="#403f53" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;night_owlish</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-97046720-clip-terminal)">
<g class="terminal-97046720-matrix">
<text class="terminal-97046720-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-97046720-line-0)">usage</text><text class="terminal-97046720-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-97046720-line-0)">:</text><text class="terminal-97046720-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-97046720-line-0)">
</text><text class="terminal-97046720-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-97046720-line-1)">
</text><text class="terminal-97046720-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-97046720-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-97046720-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-97046720-line-2)">
</text><text class="terminal-97046720-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-97046720-line-3)">OR</text><text class="terminal-97046720-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-97046720-line-3)">
</text><text class="terminal-97046720-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-97046720-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-97046720-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-97046720-line-4)">
</text><text class="terminal-97046720-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-97046720-line-5)">OR</text><text class="terminal-97046720-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-97046720-line-5)">
</text><text class="terminal-97046720-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-97046720-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-97046720-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-97046720-line-6)">
</text><text class="terminal-97046720-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-97046720-line-7)">
</text><text class="terminal-97046720-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-97046720-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-97046720-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-97046720-line-8)">
</text><text class="terminal-97046720-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-97046720-line-9)">
</text><text class="terminal-97046720-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-97046720-line-10)">options</text><text class="terminal-97046720-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-97046720-line-10)">:</text><text class="terminal-97046720-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-97046720-line-10)">
</text><text class="terminal-97046720-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-97046720-line-11)">-h</text><text class="terminal-97046720-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-97046720-line-11)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-97046720-line-11)">--help</text><text class="terminal-97046720-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-97046720-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-97046720-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-97046720-line-11)">
</text><text class="terminal-97046720-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-97046720-line-12)">-V</text><text class="terminal-97046720-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-97046720-line-12)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-97046720-line-12)">--version</text><text class="terminal-97046720-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-97046720-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-97046720-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-97046720-line-12)">
</text><text class="terminal-97046720-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-97046720-line-13)">-i</text><text class="terminal-97046720-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-97046720-line-13)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-97046720-line-13)">--input</text><text class="terminal-97046720-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-97046720-line-13)">&#160;INPUT</text><text class="terminal-97046720-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-97046720-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-97046720-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-97046720-line-13)">
</text><text class="terminal-97046720-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-97046720-line-14)">-o</text><text class="terminal-97046720-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-97046720-line-14)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-97046720-line-14)">--output</text><text class="terminal-97046720-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-97046720-line-14)">&#160;OUTPUT</text><text class="terminal-97046720-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-97046720-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-97046720-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-97046720-line-14)">
</text><text class="terminal-97046720-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-97046720-line-15)">-t</text><text class="terminal-97046720-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-97046720-line-15)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-97046720-line-15)">--title</text><text class="terminal-97046720-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-97046720-line-15)">&#160;TITLE</text><text class="terminal-97046720-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-97046720-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-97046720-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-97046720-line-15)">
</text><text class="terminal-97046720-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-97046720-line-16)">-w</text><text class="terminal-97046720-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-97046720-line-16)">,&#160;</text><text class="terminal-97046720-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-97046720-line-16)">--width</text><text class="terminal-97046720-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-97046720-line-16)">&#160;WIDTH</text><text class="terminal-97046720-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-97046720-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-97046720-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-97046720-line-16)">
</text><text class="terminal-97046720-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-97046720-line-17)">--theme</text><text class="terminal-97046720-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-97046720-line-17)">&#160;THEME</text><text class="terminal-97046720-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-97046720-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-97046720-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-97046720-line-17)">
</text><text class="terminal-97046720-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-97046720-line-18)">--list-themes</text><text class="terminal-97046720-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-97046720-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-97046720-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-97046720-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 170 KiB

View file

@ -1,135 +0,0 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
font-style: bold;
font-weight: 700;
}
.terminal-78696603-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-78696603-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-78696603-r1 { fill: #68a0b3;font-weight: bold;font-style: italic; }
.terminal-78696603-r2 { fill: #c5c8c6 }
.terminal-78696603-r3 { fill: #868887 }
.terminal-78696603-r4 { fill: #68a0b3;font-weight: bold }
.terminal-78696603-r5 { fill: #d0b344 }
.terminal-78696603-r6 { fill: #98a84b }
</style>
<defs>
<clipPath id="terminal-78696603-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-78696603-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-78696603-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-78696603-title" fill="#c5c8c6" text-anchor="middle" x="453" y="27">yartsu&#160;--theme&#160;rich_default</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-78696603-clip-terminal)">
<g class="terminal-78696603-matrix">
<text class="terminal-78696603-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-78696603-line-0)">usage</text><text class="terminal-78696603-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-78696603-line-0)">:</text><text class="terminal-78696603-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-78696603-line-0)">
</text><text class="terminal-78696603-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-78696603-line-1)">
</text><text class="terminal-78696603-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-78696603-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-78696603-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-78696603-line-2)">
</text><text class="terminal-78696603-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-78696603-line-3)">OR</text><text class="terminal-78696603-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-78696603-line-3)">
</text><text class="terminal-78696603-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-78696603-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-78696603-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-78696603-line-4)">
</text><text class="terminal-78696603-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-78696603-line-5)">OR</text><text class="terminal-78696603-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-78696603-line-5)">
</text><text class="terminal-78696603-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-78696603-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-78696603-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-78696603-line-6)">
</text><text class="terminal-78696603-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-78696603-line-7)">
</text><text class="terminal-78696603-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-78696603-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-78696603-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-78696603-line-8)">
</text><text class="terminal-78696603-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-78696603-line-9)">
</text><text class="terminal-78696603-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-78696603-line-10)">options</text><text class="terminal-78696603-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-78696603-line-10)">:</text><text class="terminal-78696603-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-78696603-line-10)">
</text><text class="terminal-78696603-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-78696603-line-11)">-h</text><text class="terminal-78696603-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-78696603-line-11)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-78696603-line-11)">--help</text><text class="terminal-78696603-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-78696603-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-78696603-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-78696603-line-11)">
</text><text class="terminal-78696603-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-78696603-line-12)">-V</text><text class="terminal-78696603-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-78696603-line-12)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-78696603-line-12)">--version</text><text class="terminal-78696603-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-78696603-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-78696603-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-78696603-line-12)">
</text><text class="terminal-78696603-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-78696603-line-13)">-i</text><text class="terminal-78696603-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-78696603-line-13)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-78696603-line-13)">--input</text><text class="terminal-78696603-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-78696603-line-13)">&#160;INPUT</text><text class="terminal-78696603-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-78696603-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-78696603-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-78696603-line-13)">
</text><text class="terminal-78696603-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-78696603-line-14)">-o</text><text class="terminal-78696603-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-78696603-line-14)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-78696603-line-14)">--output</text><text class="terminal-78696603-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-78696603-line-14)">&#160;OUTPUT</text><text class="terminal-78696603-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-78696603-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-78696603-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-78696603-line-14)">
</text><text class="terminal-78696603-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-78696603-line-15)">-t</text><text class="terminal-78696603-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-78696603-line-15)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-78696603-line-15)">--title</text><text class="terminal-78696603-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-78696603-line-15)">&#160;TITLE</text><text class="terminal-78696603-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-78696603-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-78696603-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-78696603-line-15)">
</text><text class="terminal-78696603-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-78696603-line-16)">-w</text><text class="terminal-78696603-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-78696603-line-16)">,&#160;</text><text class="terminal-78696603-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-78696603-line-16)">--width</text><text class="terminal-78696603-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-78696603-line-16)">&#160;WIDTH</text><text class="terminal-78696603-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-78696603-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-78696603-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-78696603-line-16)">
</text><text class="terminal-78696603-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-78696603-line-17)">--theme</text><text class="terminal-78696603-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-78696603-line-17)">&#160;THEME</text><text class="terminal-78696603-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-78696603-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-78696603-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-78696603-line-17)">
</text><text class="terminal-78696603-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-78696603-line-18)">--list-themes</text><text class="terminal-78696603-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-78696603-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-78696603-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-78696603-line-18)">
</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

View file

@ -1,134 +1,126 @@
<svg class="rich-terminal" viewBox="0 0 909 513.5999999999999" xmlns="http://www.w3.org/2000/svg">
<!-- Generated with Rich https://www.textualize.io -->
<style>
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Regular"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts@2.1.0/patched-fonts/FiraCode/Regular/complete/Fira%20Code%20Regular%20Nerd%20Font%20Complete.ttf") format("truetype");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "Fira Code";
src: local("FiraCode-Bold"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts@2.1.0/patched-fonts/FiraCode/Bold/complete/Fira%20Code%20Bold%20Nerd%20Font%20Complete.ttf") format("truetype");
font-style: bold;
font-weight: 700;
}
.terminal-3232156455-matrix {
.terminal-3015887605-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-3232156455-title {
.terminal-3015887605-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-3232156455-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-3232156455-r2 { fill: #c6d0f5 }
.terminal-3232156455-r3 { fill: #8288a5 }
.terminal-3232156455-r4 { fill: #94e2d5;font-weight: bold }
.terminal-3232156455-r5 { fill: #f9e2af }
.terminal-3232156455-r6 { fill: #a6e3a1 }
.terminal-3015887605-r1 { fill: #94e2d5;font-weight: bold;font-style: italic; }
.terminal-3015887605-r2 { fill: #c6d0f5 }
.terminal-3015887605-r3 { fill: #8288a5 }
.terminal-3015887605-r4 { fill: #94e2d5;font-weight: bold }
.terminal-3015887605-r5 { fill: #f9e2af }
.terminal-3015887605-r6 { fill: #a6e3a1 }
</style>
<defs>
<clipPath id="terminal-3232156455-clip-terminal">
<clipPath id="terminal-3015887605-clip-terminal">
<rect x="0" y="0" width="889.5999999999999" height="462.59999999999997" />
</clipPath>
<clipPath id="terminal-3232156455-line-0">
<clipPath id="terminal-3015887605-line-0">
<rect x="0" y="1.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-1">
<clipPath id="terminal-3015887605-line-1">
<rect x="0" y="25.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-2">
<clipPath id="terminal-3015887605-line-2">
<rect x="0" y="50.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-3">
<clipPath id="terminal-3015887605-line-3">
<rect x="0" y="74.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-4">
<clipPath id="terminal-3015887605-line-4">
<rect x="0" y="99.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-5">
<clipPath id="terminal-3015887605-line-5">
<rect x="0" y="123.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-6">
<clipPath id="terminal-3015887605-line-6">
<rect x="0" y="147.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-7">
<clipPath id="terminal-3015887605-line-7">
<rect x="0" y="172.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-8">
<clipPath id="terminal-3015887605-line-8">
<rect x="0" y="196.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-9">
<clipPath id="terminal-3015887605-line-9">
<rect x="0" y="221.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-10">
<clipPath id="terminal-3015887605-line-10">
<rect x="0" y="245.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-11">
<clipPath id="terminal-3015887605-line-11">
<rect x="0" y="269.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-12">
<clipPath id="terminal-3015887605-line-12">
<rect x="0" y="294.3" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-13">
<clipPath id="terminal-3015887605-line-13">
<rect x="0" y="318.7" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-14">
<clipPath id="terminal-3015887605-line-14">
<rect x="0" y="343.1" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-15">
<clipPath id="terminal-3015887605-line-15">
<rect x="0" y="367.5" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-16">
<clipPath id="terminal-3015887605-line-16">
<rect x="0" y="391.9" width="890.6" height="24.65"/>
</clipPath>
<clipPath id="terminal-3232156455-line-17">
<clipPath id="terminal-3015887605-line-17">
<rect x="0" y="416.3" width="890.6" height="24.65"/>
</clipPath>
</defs>
<rect fill="#1e1e2e" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-3232156455-title" fill="#c6d0f5" text-anchor="middle" x="453" y="27">yartsu&#160;--help</text>
<rect fill="#1e1e2e" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="907" height="511.6" rx="8"/><text class="terminal-3015887605-title" fill="#c6d0f5" text-anchor="middle" x="453" y="27">yartsu&#160;--help</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-3232156455-clip-terminal)">
<g transform="translate(9, 41)" clip-path="url(#terminal-3015887605-clip-terminal)">
<g class="terminal-3232156455-matrix">
<text class="terminal-3232156455-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-3232156455-line-0)">usage</text><text class="terminal-3232156455-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-3232156455-line-0)">:</text><text class="terminal-3232156455-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-3232156455-line-0)">
</text><text class="terminal-3232156455-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3232156455-line-1)">
</text><text class="terminal-3232156455-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-3232156455-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-3232156455-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-3232156455-line-2)">
</text><text class="terminal-3232156455-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-3232156455-line-3)">OR</text><text class="terminal-3232156455-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-3232156455-line-3)">
</text><text class="terminal-3232156455-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-3232156455-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-3232156455-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3232156455-line-4)">
</text><text class="terminal-3232156455-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-3232156455-line-5)">OR</text><text class="terminal-3232156455-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-3232156455-line-5)">
</text><text class="terminal-3232156455-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-3232156455-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-3232156455-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-3232156455-line-6)">
</text><text class="terminal-3232156455-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3232156455-line-7)">
</text><text class="terminal-3232156455-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-3232156455-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-3232156455-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-3232156455-line-8)">
</text><text class="terminal-3232156455-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3232156455-line-9)">
</text><text class="terminal-3232156455-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-3232156455-line-10)">options</text><text class="terminal-3232156455-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-3232156455-line-10)">:</text><text class="terminal-3232156455-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-3232156455-line-10)">
</text><text class="terminal-3232156455-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-3232156455-line-11)">-h</text><text class="terminal-3232156455-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-3232156455-line-11)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-3232156455-line-11)">--help</text><text class="terminal-3232156455-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-3232156455-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-3232156455-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-3232156455-line-11)">
</text><text class="terminal-3232156455-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-3232156455-line-12)">-V</text><text class="terminal-3232156455-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-3232156455-line-12)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-3232156455-line-12)">--version</text><text class="terminal-3232156455-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-3232156455-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-3232156455-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-3232156455-line-12)">
</text><text class="terminal-3232156455-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-3232156455-line-13)">-i</text><text class="terminal-3232156455-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-3232156455-line-13)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-3232156455-line-13)">--input</text><text class="terminal-3232156455-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-3232156455-line-13)">&#160;INPUT</text><text class="terminal-3232156455-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-3232156455-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-3232156455-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3232156455-line-13)">
</text><text class="terminal-3232156455-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-3232156455-line-14)">-o</text><text class="terminal-3232156455-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-3232156455-line-14)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-3232156455-line-14)">--output</text><text class="terminal-3232156455-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-3232156455-line-14)">&#160;OUTPUT</text><text class="terminal-3232156455-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-3232156455-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-3232156455-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-3232156455-line-14)">
</text><text class="terminal-3232156455-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-3232156455-line-15)">-t</text><text class="terminal-3232156455-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-3232156455-line-15)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-3232156455-line-15)">--title</text><text class="terminal-3232156455-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-3232156455-line-15)">&#160;TITLE</text><text class="terminal-3232156455-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-3232156455-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-3232156455-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-3232156455-line-15)">
</text><text class="terminal-3232156455-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-3232156455-line-16)">-w</text><text class="terminal-3232156455-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-3232156455-line-16)">,&#160;</text><text class="terminal-3232156455-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-3232156455-line-16)">--width</text><text class="terminal-3232156455-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-3232156455-line-16)">&#160;WIDTH</text><text class="terminal-3232156455-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-3232156455-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-3232156455-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3232156455-line-16)">
</text><text class="terminal-3232156455-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-3232156455-line-17)">--theme</text><text class="terminal-3232156455-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-3232156455-line-17)">&#160;THEME</text><text class="terminal-3232156455-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-3232156455-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat_mocha]</text><text class="terminal-3232156455-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-3232156455-line-17)">
</text><text class="terminal-3232156455-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-3232156455-line-18)">--list-themes</text><text class="terminal-3232156455-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-3232156455-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-3232156455-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-3232156455-line-18)">
<g class="terminal-3015887605-matrix">
<text class="terminal-3015887605-r1" x="0" y="20" textLength="61" clip-path="url(#terminal-3015887605-line-0)">usage</text><text class="terminal-3015887605-r2" x="61" y="20" textLength="12.2" clip-path="url(#terminal-3015887605-line-0)">:</text><text class="terminal-3015887605-r2" x="890.6" y="20" textLength="12.2" clip-path="url(#terminal-3015887605-line-0)">
</text><text class="terminal-3015887605-r2" x="890.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3015887605-line-1)">
</text><text class="terminal-3015887605-r2" x="0" y="68.8" textLength="488" clip-path="url(#terminal-3015887605-line-2)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;|&#160;yartsu&#160;[options]</text><text class="terminal-3015887605-r2" x="890.6" y="68.8" textLength="12.2" clip-path="url(#terminal-3015887605-line-2)">
</text><text class="terminal-3015887605-r3" x="48.8" y="93.2" textLength="24.4" clip-path="url(#terminal-3015887605-line-3)">OR</text><text class="terminal-3015887605-r2" x="890.6" y="93.2" textLength="12.2" clip-path="url(#terminal-3015887605-line-3)">
</text><text class="terminal-3015887605-r2" x="0" y="117.6" textLength="414.8" clip-path="url(#terminal-3015887605-line-4)">&#160;&#160;&#160;&#160;yartsu&#160;[options]&#160;--&#160;ls&#160;--color</text><text class="terminal-3015887605-r2" x="890.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3015887605-line-4)">
</text><text class="terminal-3015887605-r3" x="48.8" y="142" textLength="24.4" clip-path="url(#terminal-3015887605-line-5)">OR</text><text class="terminal-3015887605-r2" x="890.6" y="142" textLength="12.2" clip-path="url(#terminal-3015887605-line-5)">
</text><text class="terminal-3015887605-r2" x="0" y="166.4" textLength="585.6" clip-path="url(#terminal-3015887605-line-6)">&#160;&#160;&#160;&#160;ls&#160;--color=always&#160;&gt;&#160;ls.txt;&#160;yartsu&#160;-i&#160;ls.txt</text><text class="terminal-3015887605-r2" x="890.6" y="166.4" textLength="12.2" clip-path="url(#terminal-3015887605-line-6)">
</text><text class="terminal-3015887605-r2" x="890.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3015887605-line-7)">
</text><text class="terminal-3015887605-r2" x="0" y="215.2" textLength="366" clip-path="url(#terminal-3015887605-line-8)">convert&#160;terminal&#160;output&#160;to&#160;svg</text><text class="terminal-3015887605-r2" x="890.6" y="215.2" textLength="12.2" clip-path="url(#terminal-3015887605-line-8)">
</text><text class="terminal-3015887605-r2" x="890.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3015887605-line-9)">
</text><text class="terminal-3015887605-r4" x="0" y="264" textLength="85.4" clip-path="url(#terminal-3015887605-line-10)">options</text><text class="terminal-3015887605-r2" x="85.4" y="264" textLength="12.2" clip-path="url(#terminal-3015887605-line-10)">:</text><text class="terminal-3015887605-r2" x="890.6" y="264" textLength="12.2" clip-path="url(#terminal-3015887605-line-10)">
</text><text class="terminal-3015887605-r5" x="24.4" y="288.4" textLength="24.4" clip-path="url(#terminal-3015887605-line-11)">-h</text><text class="terminal-3015887605-r2" x="48.8" y="288.4" textLength="24.4" clip-path="url(#terminal-3015887605-line-11)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="288.4" textLength="73.2" clip-path="url(#terminal-3015887605-line-11)">--help</text><text class="terminal-3015887605-r2" x="146.4" y="288.4" textLength="512.4" clip-path="url(#terminal-3015887605-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;this&#160;help&#160;message&#160;and&#160;exit</text><text class="terminal-3015887605-r2" x="890.6" y="288.4" textLength="12.2" clip-path="url(#terminal-3015887605-line-11)">
</text><text class="terminal-3015887605-r5" x="24.4" y="312.8" textLength="24.4" clip-path="url(#terminal-3015887605-line-12)">-V</text><text class="terminal-3015887605-r2" x="48.8" y="312.8" textLength="24.4" clip-path="url(#terminal-3015887605-line-12)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="312.8" textLength="109.8" clip-path="url(#terminal-3015887605-line-12)">--version</text><text class="terminal-3015887605-r2" x="183" y="312.8" textLength="561.2" clip-path="url(#terminal-3015887605-line-12)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;show&#160;program&#x27;s&#160;version&#160;number&#160;and&#160;exit</text><text class="terminal-3015887605-r2" x="890.6" y="312.8" textLength="12.2" clip-path="url(#terminal-3015887605-line-12)">
</text><text class="terminal-3015887605-r5" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-3015887605-line-13)">-i</text><text class="terminal-3015887605-r2" x="48.8" y="337.2" textLength="24.4" clip-path="url(#terminal-3015887605-line-13)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="337.2" textLength="85.4" clip-path="url(#terminal-3015887605-line-13)">--input</text><text class="terminal-3015887605-r6" x="158.6" y="337.2" textLength="73.2" clip-path="url(#terminal-3015887605-line-13)">&#160;INPUT</text><text class="terminal-3015887605-r2" x="231.8" y="337.2" textLength="378.2" clip-path="url(#terminal-3015887605-line-13)">&#160;&#160;&#160;&#160;input&#160;file&#160;[default:&#160;stdin]</text><text class="terminal-3015887605-r2" x="890.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3015887605-line-13)">
</text><text class="terminal-3015887605-r5" x="24.4" y="361.6" textLength="24.4" clip-path="url(#terminal-3015887605-line-14)">-o</text><text class="terminal-3015887605-r2" x="48.8" y="361.6" textLength="24.4" clip-path="url(#terminal-3015887605-line-14)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="361.6" textLength="97.6" clip-path="url(#terminal-3015887605-line-14)">--output</text><text class="terminal-3015887605-r6" x="170.8" y="361.6" textLength="85.4" clip-path="url(#terminal-3015887605-line-14)">&#160;OUTPUT</text><text class="terminal-3015887605-r2" x="256.2" y="361.6" textLength="488" clip-path="url(#terminal-3015887605-line-14)">&#160;&#160;output&#160;svg&#160;file&#160;[default:&#160;capture.svg]</text><text class="terminal-3015887605-r2" x="890.6" y="361.6" textLength="12.2" clip-path="url(#terminal-3015887605-line-14)">
</text><text class="terminal-3015887605-r5" x="24.4" y="386" textLength="24.4" clip-path="url(#terminal-3015887605-line-15)">-t</text><text class="terminal-3015887605-r2" x="48.8" y="386" textLength="24.4" clip-path="url(#terminal-3015887605-line-15)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="386" textLength="85.4" clip-path="url(#terminal-3015887605-line-15)">--title</text><text class="terminal-3015887605-r6" x="158.6" y="386" textLength="73.2" clip-path="url(#terminal-3015887605-line-15)">&#160;TITLE</text><text class="terminal-3015887605-r2" x="231.8" y="386" textLength="353.8" clip-path="url(#terminal-3015887605-line-15)">&#160;&#160;&#160;&#160;title&#160;for&#160;terminal&#160;window</text><text class="terminal-3015887605-r2" x="890.6" y="386" textLength="12.2" clip-path="url(#terminal-3015887605-line-15)">
</text><text class="terminal-3015887605-r5" x="24.4" y="410.4" textLength="24.4" clip-path="url(#terminal-3015887605-line-16)">-w</text><text class="terminal-3015887605-r2" x="48.8" y="410.4" textLength="24.4" clip-path="url(#terminal-3015887605-line-16)">,&#160;</text><text class="terminal-3015887605-r5" x="73.2" y="410.4" textLength="85.4" clip-path="url(#terminal-3015887605-line-16)">--width</text><text class="terminal-3015887605-r6" x="158.6" y="410.4" textLength="73.2" clip-path="url(#terminal-3015887605-line-16)">&#160;WIDTH</text><text class="terminal-3015887605-r2" x="231.8" y="410.4" textLength="195.2" clip-path="url(#terminal-3015887605-line-16)">&#160;&#160;&#160;&#160;width&#160;of&#160;svg</text><text class="terminal-3015887605-r2" x="890.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3015887605-line-16)">
</text><text class="terminal-3015887605-r5" x="24.4" y="434.8" textLength="85.4" clip-path="url(#terminal-3015887605-line-17)">--theme</text><text class="terminal-3015887605-r6" x="109.8" y="434.8" textLength="73.2" clip-path="url(#terminal-3015887605-line-17)">&#160;THEME</text><text class="terminal-3015887605-r2" x="183" y="434.8" textLength="707.6" clip-path="url(#terminal-3015887605-line-17)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;theme&#160;to&#160;use&#160;for&#160;highlighting&#160;[default:&#160;cat-mocha]</text><text class="terminal-3015887605-r2" x="890.6" y="434.8" textLength="12.2" clip-path="url(#terminal-3015887605-line-17)">
</text><text class="terminal-3015887605-r5" x="24.4" y="459.2" textLength="158.6" clip-path="url(#terminal-3015887605-line-18)">--list-themes</text><text class="terminal-3015887605-r2" x="183" y="459.2" textLength="353.8" clip-path="url(#terminal-3015887605-line-18)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;list&#160;available&#160;themes</text><text class="terminal-3015887605-r2" x="890.6" y="459.2" textLength="12.2" clip-path="url(#terminal-3015887605-line-18)">
</text>
</g>
</g>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View file

@ -1,26 +1,51 @@
<div id="top"></div>
# Themes
Available themes:
- [cat-mocha](#cat-mocha)
- [cat-frappe](#cat-frappe)
- [cat-macchiato](#cat-macchiato)
- [cat-latte](#cat-latte)
- [dracula](#dracula)
- [monokai](#monokai)
- [dimmed_monokai](#dimmedmonokai)
- [night-owlish](#night-owlish)
- [rich-default](#rich-default)
## cat_mocha
![cat_mocha](../assets/themes/cat_mocha.svg)
## cat_frappe
![cat_frappe](../assets/themes/cat_frappe.svg)
## cat-mocha
![cat-mocha](../assets/themes/cat-mocha.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## cat_macchiato
![cat_macchiato](../assets/themes/cat_macchiato.svg)
## cat-frappe
![cat-frappe](../assets/themes/cat-frappe.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## cat_latte
![cat_latte](../assets/themes/cat_latte.svg)
## cat-macchiato
![cat-macchiato](../assets/themes/cat-macchiato.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## cat-latte
![cat-latte](../assets/themes/cat-latte.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## dracula
![dracula](../assets/themes/dracula.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## monokai
![monokai](../assets/themes/monokai.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## dimmed_monokai
![dimmed_monokai](../assets/themes/dimmed_monokai.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## night_owlish
![night_owlish](../assets/themes/night_owlish.svg)
## night-owlish
![night-owlish](../assets/themes/night-owlish.svg)
<p align="right">(<a href="#top">back to top</a>)</p>
## rich_default
![rich_default](../assets/themes/rich_default.svg)
## rich-default
![rich-default](../assets/themes/rich-default.svg)
<p align="right">(<a href="#top">back to top</a>)</p>

View file

@ -42,7 +42,8 @@ bright_colors=(
make-palette() {
echo "cat_${1} = Theme("
echo "Theme("
echo " name = \"cat-$1\","
echo " background = $(get-color $1 base),"
echo " foreground = $(get-color $1 text),"
echo " colors = Colors("
@ -56,15 +57,7 @@ make-palette() {
echo " $color = ${bright_colors[$color]},"
done
echo " ),"
echo ")"
echo "CAT_${1^^} = TerminalTheme(
cat_${1}.background,
cat_${1}.foreground,
cat_${1}.colors,
cat_${1}.bright_colors,
)"
echo "),"
}
for palette in "$@"; do

View file

@ -4,17 +4,32 @@ THEME_MD="./docs/themes.md"
themes=$(yartsu --list-themes | tail -n +2 | awk '{print $2}')
newline() {
echo >>"$THEME_MD"
}
mkdir -p ./assets/themes
rm -f ./assets/themes/*
rm -f $THEME_MD
echo '<div id="top"></div>' >>$THEME_MD
newline
echo "# Themes" >>$THEME_MD
newline
echo " Available themes:" >>$THEME_MD
for theme in $themes; do
echo "- [$theme](#$(echo $theme | sed s'/_//'))" >>$THEME_MD
done
echo >>$THEME_MD
for theme in $themes; do
url="assets/themes/${theme}.svg"
echo >>$THEME_MD
echo "## $theme" >>$THEME_MD
echo "![$theme](../$url)" >>$THEME_MD
yartsu --theme $theme -o $url -t "yartsu --theme ${theme}" -- yartsu -h
echo '<p align="right">(<a href="#top">back to top</a>)</p>' >>$THEME_MD
yartsu --theme $theme -o $url --demo -t "yartsu --theme ${theme} --demo"
done
echo "finished."

View file

@ -15,7 +15,7 @@ from .argparse import ArgumentParser
from .term import term
from .themes import THEMES
DEFAULT_THEME = os.getenv("YARTSU_THEME", "cat_mocha")
DEFAULT_THEME = os.getenv("YARTSU_THEME", "cat-mocha")
def get_args() -> Namespace:

View file

@ -10,169 +10,151 @@ from rich.terminal_theme import (
)
Colors = namedtuple("Colors", "black, red, green, yellow, blue, magenta, cyan, white")
Theme = namedtuple("Theme", "background, foreground, colors, bright_colors")
Theme = namedtuple("Theme", "name background, foreground, colors, bright_colors")
dracula = Theme(
background=parse_rgb_hex('282a36'),
foreground=parse_rgb_hex('f8f8f2'),
colors=Colors(
black=parse_rgb_hex('21222c'),
cyan=parse_rgb_hex('8be9fd'),
yellow=parse_rgb_hex('f1fa8c'),
blue=parse_rgb_hex('bd93f9'),
red=parse_rgb_hex('ff5555'),
green=parse_rgb_hex('50fa7b'),
magenta=parse_rgb_hex('ff79c6'),
white=parse_rgb_hex('f8f8f2'),
THEME_DEFINITIONS = [
Theme(
name="cat-mocha",
background=(30, 30, 46),
foreground=(198, 208, 245),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
),
bright_colors=Colors(
black=parse_rgb_hex('6272a4'),
cyan=parse_rgb_hex('a4ffff'),
red=parse_rgb_hex('ff6e6e'),
yellow=parse_rgb_hex('ffffa5'),
blue=parse_rgb_hex('d6acff'),
green=parse_rgb_hex('69ff94'),
magenta=parse_rgb_hex('ff92df'),
white=parse_rgb_hex('ffffff'),
Theme(
name="cat-frappe",
background=(48, 52, 70),
foreground=(198, 206, 239),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
),
)
Theme(
name="cat-macchiato",
background=(36, 39, 58),
foreground=(197, 207, 245),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
),
Theme(
name="cat-latte",
background=(239, 241, 245),
foreground=(76, 79, 105),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
),
Theme(
name="dracula",
background=parse_rgb_hex("282a36"),
foreground=parse_rgb_hex("f8f8f2"),
colors=Colors(
black=parse_rgb_hex("21222c"),
cyan=parse_rgb_hex("8be9fd"),
yellow=parse_rgb_hex("f1fa8c"),
blue=parse_rgb_hex("bd93f9"),
red=parse_rgb_hex("ff5555"),
green=parse_rgb_hex("50fa7b"),
magenta=parse_rgb_hex("ff79c6"),
white=parse_rgb_hex("f8f8f2"),
),
bright_colors=Colors(
black=parse_rgb_hex("6272a4"),
cyan=parse_rgb_hex("a4ffff"),
red=parse_rgb_hex("ff6e6e"),
yellow=parse_rgb_hex("ffffa5"),
blue=parse_rgb_hex("d6acff"),
green=parse_rgb_hex("69ff94"),
magenta=parse_rgb_hex("ff92df"),
white=parse_rgb_hex("ffffff"),
),
),
]
DRACULA = TerminalTheme(
dracula.background,
dracula.foreground,
dracula.colors,
dracula.bright_colors,
)
cat_mocha = Theme(
background=(30, 30, 46),
foreground=(198, 208, 245),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
)
CAT_MOCHA = TerminalTheme(
cat_mocha.background,
cat_mocha.foreground,
cat_mocha.colors,
cat_mocha.bright_colors,
)
cat_frappe = Theme(
background=(48, 52, 70),
foreground=(198, 206, 239),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
)
CAT_FRAPPE = TerminalTheme(
cat_frappe.background,
cat_frappe.foreground,
cat_frappe.colors,
cat_frappe.bright_colors,
)
cat_macchiato = Theme(
background=(36, 39, 58),
foreground=(197, 207, 245),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
)
CAT_MACCHIATO = TerminalTheme(
cat_macchiato.background,
cat_macchiato.foreground,
cat_macchiato.colors,
cat_macchiato.bright_colors,
)
cat_latte = Theme(
background=(239, 241, 245),
foreground=(76, 79, 105),
colors=Colors(
black=(179, 188, 223),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(86, 89, 112),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
bright_colors=Colors(
black=(161, 168, 201),
cyan=(148, 226, 213),
yellow=(249, 226, 175),
blue=(135, 176, 249),
red=(243, 139, 168),
white=(67, 70, 90),
green=(166, 227, 161),
magenta=(245, 194, 231),
),
)
CAT_LATTE = TerminalTheme(
cat_latte.background,
cat_latte.foreground,
cat_latte.colors,
cat_latte.bright_colors,
)
THEMES = {
"cat_mocha": CAT_MOCHA,
"cat_frappe": CAT_FRAPPE,
"cat_macchiato": CAT_MACCHIATO,
"cat_latte": CAT_LATTE,
"dracula": DRACULA,
"monokai": MONOKAI,
"dimmed_monokai": DIMMED_MONOKAI,
"night_owlish": NIGHT_OWLISH,
"rich_default": SVG_EXPORT_THEME,
**{
theme.name: TerminalTheme(
theme.background,
theme.foreground,
theme.colors,
theme.bright_colors,
)
for theme in THEME_DEFINITIONS
},
**{
"monokai": MONOKAI,
"dimmed_monokai": DIMMED_MONOKAI,
"night-owlish": NIGHT_OWLISH,
"rich-default": SVG_EXPORT_THEME,
},
}