<h1 id="how-to-use-css-snippet-in-obsidian">How to use CSS snippet in Obsidian<a aria-hidden="true" class="anchor-heading icon-link" href="#how-to-use-css-snippet-in-obsidian"></a></h1>
<p>ref: <a href="https://minimal.guide/Extras/CSS+snippets">minimal.guide</a></p>
<h2 id="overview">Overview<a aria-hidden="true" class="anchor-heading icon-link" href="#overview"></a></h2>
<p>Snippets are CSS files that allow you to create your own personal customizations on top of or any <a href="https://obsidian.md/">Obsidian</a> theme.</p>
<p>You can install snippets by adding CSS files to the <code>.obsidian/snippets</code> folder in your vault, and activating them in Obsidian by going to <code>Settings</code> → <code>Appearance</code>.</p>
<p>Snippets are only recommended for advanced users who are comfortable with CSS.</p>
<p>Most common features of a theme can be more easily customized via its own theme-setting plugin or <a href="https://github.com/mgmeyers/obsidian-style-settings">Style Settings</a> plugin.</p>
<h2 id="my-use-case">My use case<a aria-hidden="true" class="anchor-heading icon-link" href="#my-use-case"></a></h2>
<p>I want to use the <a href="https://github.com/AnubisNekhet/AnuPpuccin#colorschemes-used">extended color shceme</a> of the <a href="/notes/t9a8jnrgdnnbxrosjpx131p">AnuPpuccin</a> theme.</p>
<p>Steps to install</p>
<ol>
<li>Create the <code>.obsidian/snippets</code> folder in my vault</li>
<li>Download manually the <a href="https://github.com/AnubisNekhet/AnuPpuccin/blob/main/snippets/extended-colorschemes.css">css snippet</a> and put in the <code>snippets</code> folder which was previously created
<ul>
<li>Or I can use the <a href="https://github.com/Lisandra-dev/obsidian-snippet-downloader">Snippet Downloader</a> plugin to manage any snippet in batch</li>
</ul>
</li>
<li>Go to <code>Obsidian</code> → <code>Settings</code> → <code>Appearance</code>, then toggle the snippet on</li>
<li>Go to <code>Obsidian</code> → <code>Style Settings</code> → <code>AnuPpuccin Themes Extended</code> to choose the color scheme.</li>
</ol>
<h2 id="related">Related<a aria-hidden="true" class="anchor-heading icon-link" href="#related"></a></h2>
<ul>
<li><a href="/notes/6dghh21uqk22wqu332vmnfe">Tips in Obsidian</a></li>
</ul>
<hr>
<h2 id="tags">Tags<a aria-hidden="true" class="anchor-heading icon-link" href="#tags"></a></h2>
<ol>
<li><a class="color-tag" style="--tag-color: #fe01b1;" href="/notes/k18s8nwri9dslxz6itojn55">cat.tut</a></li>
</ol>

CSS snippet in Obsidian

h7b-dendron

# Hey 👋

Welcome to my [digital garden](https://maggieappleton.com/garden-history).

I use this as a frictionless way to
- communicate my thoughts via blog post
- quickly reference my notes.

If you've got any questions or interesting technical problems, please reach out to
- email: `h(at)kool(dot)casa` 
- or start a [discussion in GitHub](https://github.com/h7b/h7b-dendron-netlify/discussions/1).

Huy (he/him)