Posts tagged: vhshttps://waylonwalker.com/tags/vhs/atom.xml2025-05-16T08:24:51ZAll posts with the tag "vhs"Waylon Walkermarkata-govhs themeshttps://waylonwalker.com/vhs-themes/2025-05-16T08:24:51Z2025-05-16T08:24:51ZI've been working on ninesui, inspired by k9s see thoughts-633. I want a good flow for making video for the readme and I am using charm.sh's vhs for this....<p>I’ve been working on
<a href="https://github.com/WaylonWalker/ninesui/blob/main/README.md" style="--favicon-url: url('/assets/markata/link-avatars/github.com.ico');" data-favicon="/assets/markata/link-avatars/github.com.ico" class="has-avatar has-avatar-before">ninesui</a>,
inspired by k9s see <a href="https://thoughts.waylonwalker.com/post/633" style="--favicon-url: url('/assets/markata/link-avatars/thoughts.waylonwalker.com.ico');" data-favicon="/assets/markata/link-avatars/thoughts.waylonwalker.com.ico" class="has-avatar has-avatar-before">thoughts-633</a>.
I want a good flow for making video for the readme and I am using <a href="https://charm.sh/apps/" style="--favicon-url: url('/assets/markata/link-avatars/charm.sh.ico');" data-favicon="/assets/markata/link-avatars/charm.sh.ico" class="has-avatar has-avatar-before">charm.sh</a>’s <a href="https://github.com/charmbracelet/vhs" style="--favicon-url: url('/assets/markata/link-avatars/github.com.ico');" data-favicon="/assets/markata/link-avatars/github.com.ico" class="has-avatar has-avatar-before">vhs</a> for this.
Its running in an archBTW distrobox and looks gawdaweful.</p>
<figure>
<a href="https://dropper.waylonwalker.com/api/file/e86047ed-6881-43f7-8e3a-30411d51afaf.mp4" class="glightbox-link"><video autoplay loop muted playsinline controls preload="metadata" class="md-video" poster="https://dropper.waylonwalker.com/api/file/e86047ed-6881-43f7-8e3a-30411d51afaf.webp?h=675&w=1200"><source src="https://dropper.waylonwalker.com/api/file/e86047ed-6881-43f7-8e3a-30411d51afaf.mp4" type="video/mp4">sort.mp4</video></a>
</figure>
<p>The over saturated colors give it a really retro look, seems fine, but not my
cup of tea. I tried to change the textual theme to <code>tokyo-night</code> and it might
have made it a bit better, but still over-saturated.</p>
<h2 id="after">After <a href="#after" class="heading-anchor">#</a></h2>
<p>What I found is that vhs has themes, setting it to <code>dracula</code> made everything much better.</p>
<pre class="chroma"><code><span class="line"><span class="cl"># sort.tape
</span></span><span class="line"><span class="cl">Output assets/sort.mp4
</span></span><span class="line"><span class="cl">Output assets/sort.gif
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Require echo
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">Set Shell "bash"
</span></span><span class="line"><span class="cl">Set FontSize 32
</span></span><span class="line"><span class="cl">Set Width 1920
</span></span><span class="line"><span class="cl">Set Height 1080
</span></span><span class="line"><span class="cl"><span class="gi">+ Set Theme 'Dracula'
</span></span></span></code></pre><figure>
<a href="https://dropper.waylonwalker.com/api/file/ada8f04d-88ac-41c3-9983-d9e849cc13ad.mp4" class="glightbox-link"><video autoplay loop muted playsinline controls preload="metadata" class="md-video" poster="https://dropper.waylonwalker.com/api/file/ada8f04d-88ac-41c3-9983-d9e849cc13ad.webp?h=675&w=1200"><source src="https://dropper.waylonwalker.com/api/file/ada8f04d-88ac-41c3-9983-d9e849cc13ad.mp4" type="video/mp4">sort.mp4</video></a>
</figure>
<h2 id="ninesui">NinesUI <a href="#ninesui" class="heading-anchor">#</a></h2>
<p>I’m using these in my <a href="https://github.com/WaylonWalker/ninesui" style="--favicon-url: url('/assets/markata/link-avatars/github.com.ico');" data-favicon="/assets/markata/link-avatars/github.com.ico" class="has-avatar has-avatar-before">ninesui</a>
project, right now they are in the readme, but maybe some docs will grow
eventually. Right now its hardcore explore phase.</p>
Waylon Walkerhello@waylonwalker.comhttps://waylonwalker.com