さわら

<h2 id="base" data-line="0" class="code-line">
<a class="header-anchor-link" href="#base" aria-hidden="true"></a> base</h2>
<p data-line="1" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/e483a5104c8d-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="default" data-line="3" class="code-line">
<a class="header-anchor-link" href="#default" aria-hidden="true"></a> default</h2>
<p data-line="4" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/767d850861d0-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="origin" data-line="6" class="code-line">
<a class="header-anchor-link" href="#origin" aria-hidden="true"></a> origin</h2>
<p data-line="7" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/1268367210b6-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="citrus" data-line="9" class="code-line">
<a class="header-anchor-link" href="#citrus" aria-hidden="true"></a> citrus</h2>
<p data-line="10" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/177df740fb60-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="monochrome" data-line="12" class="code-line">
<a class="header-anchor-link" href="#monochrome" aria-hidden="true"></a> monochrome</h2>
<p data-line="13" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/6312111f0750-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="soft" data-line="15" class="code-line">
<a class="header-anchor-link" href="#soft" aria-hidden="true"></a> soft</h2>
<p data-line="16" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/59cef9254320-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="glass" data-line="18" class="code-line">
<a class="header-anchor-link" href="#glass" aria-hidden="true"></a> glass</h2>
<p data-line="19" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/cb99f423e947-20250508.png" loading="lazy" class="md-img"></p>
<h2 id="ocean" data-line="21" class="code-line">
<a class="header-anchor-link" href="#ocean" aria-hidden="true"></a> ocean</h2>
<p data-line="22" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/1e51106e916b-20250508.png" loading="lazy" class="md-img"></p>


<p data-line="0" class="code-line">元々 Soft を使っていたのだけど、コントラストの比率が弱いように感じて全部見てみた。<br>
Citrus, Ocean, Monochrome あたりが良さげ。</p>


<p data-line="0" class="code-line">ちなみに公式でもサンプル見れます。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__99f5d09f4d059" src="https://embed.zenn.studio/card#zenn-embedded__99f5d09f4d059" data-content="https%3A%2F%2Fwww.gradio.app%2Fguides%2Ftheming-guide" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.gradio.app/guides/theming-guide" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.gradio.app/guides/theming-guide</a></p>
