<h1 id="theme">Theme<a aria-hidden="true" class="anchor-heading icon-link" href="#theme"></a></h1>
<h2 id="summary">Summary<a aria-hidden="true" class="anchor-heading icon-link" href="#summary"></a></h2>
<p></p><p></p><div class="portal-container">
<div class="portal-head">
<div class="portal-backlink">
<div class="portal-title">From <span class="portal-text-title">Theme</span></div>

</div>
</div>
<div id="portal-parent-anchor" class="portal-parent" markdown="1">
<div class="portal-parent-fader-top"></div>
<div class="portal-parent-fader-bottom"></div><p>We use the react-css-theme-switcher<a id="fnref-1" class="fnref" href="#fn-1">1</a> hook to manage themes.</p>
<pre class="language-ts"><code class="language-ts"><span class="token keyword module">import</span> <span class="token imports"><span class="token punctuation">{</span> <span class="token maybe-class-name">ThemeSwitcherProvider</span> <span class="token punctuation">}</span></span> <span class="token keyword module">from</span> <span class="token string">"react-css-theme-switcher"</span><span class="token punctuation">;</span>
</code></pre>
<p>It works by looking for CSS to load in <code>./public/{name}.css</code></p>
<hr>
<h2 id="footnotes">Footnotes<a aria-hidden="true" class="anchor-heading icon-link" href="#footnotes"></a></h2>
<ol>
<li><span id="fn-1" style="width: 0; height: 0;"></span><p><a href="https://www.npmjs.com/package/react-css-theme-switcher">react-css-theme-switcher</a><a class="fn" href="#fnref-1">˄</a></p></li>
</ol>
</div></div><p></p><p></p>
<h2 id="implementation">Implementation<a aria-hidden="true" class="anchor-heading icon-link" href="#implementation"></a></h2>
<p>Theme is loaded here: <a href="https://github.com/dendronhq/dendron/blob/3b9f8109123e92e7bce2acfc44ba8b0534530cdd/packages/nextjs-template/pages/_app.tsx#L24-L24">https://github.com/dendronhq/dendron/blob/3b9f8109123e92e7bce2acfc44ba8b0534530cdd/packages/nextjs-template/pages/_app.tsx#L24-L24</a></p>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/PjXL1NKL7yHV0ExHnROBl">24 Custom Theming</a></li>
</ul>

Theme

dendron.dendron.docs


Welcome to the Dendron Developer Docs 

This contains all packages used in [Dendron](https://github.com/dendronhq/dendron).

The docs are organized into the following hierarchies:
- [[Development|dendron://dendron.docs/dev]] (`dev.*`): general development docs 
- [[Packages|dendron://dendron.docs/pkg]] (`pkg.*`): package specific docs
- [[Rfc|dendron://dendron.docs/rfc]] (`rfc.*`): proposals of new features from the Dendron Team and Community
