some docs site polish (#853)

* some docs polish

* attempt to fix theme toggle

1 files changed, 4 insertions, 0 deletions

diff --git a/docs/src/components/DocSidebar.tsx b/docs/src/components/DocSidebar.tsx
index 92f34ff61..e1b2a2b17 100644
--- a/docs/src/components/DocSidebar.tsx
+++ b/docs/src/components/DocSidebar.tsx
@@ -2,6 +2,7 @@ import type { FunctionalComponent } from 'preact';
 import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import EditOnGithub from './EditOnGithub';
+import ThemeToggle from './ThemeToggle';
 
 const DocSidebar: FunctionalComponent<{ headers: any[]; editHref: string }> = ({
   headers = [],
@@ -104,6 +105,9 @@ const DocSidebar: FunctionalComponent<{ headers: any[]; editHref: string }> = ({
             </a>
           </li>
         </ul>
+        <div style={{margin: '2rem 0', textAlign: 'center'}}>
+          <ThemeToggle />
+        </div>
       </div>
     </nav>
   );