5 files changed, 22 insertions, 0 deletions
diff --git a/apps/frontpage/src/app.html b/apps/frontpage/src/app.html
index 5893110..e46fbe3 100644
--- a/apps/frontpage/src/app.html
+++ b/apps/frontpage/src/app.html
@@ -4,6 +4,8 @@
   <meta charset="utf-8"/>
   <link rel="icon"
         href="%sveltekit.assets%/favicon.png"/>
+  <link rel="stylesheet"
+        href="%sveltekit.assets%/pre.css"/>
   <script>
     const value = `; ${document.cookie}`;
     const parts = value.split(`; go_theme=`);
diff --git a/apps/frontpage/src/hooks.ts b/apps/frontpage/src/hooks.ts
new file mode 100644
index 0000000..ca80d40
--- /dev/null
+++ b/apps/frontpage/src/hooks.ts
@@ -0,0 +1,7 @@
+/** @type {import("@sveltejs/kit").Handle} */
+export async function handle({event, resolve}) {
+  const response = await resolve(event, {
+    ssr: false
+  });
+  return response;
+}
+\ No newline at end of file
diff --git a/apps/frontpage/src/routes/__layout-docs.svelte b/apps/frontpage/src/routes/__layout-docs.svelte
index 6f06f52..d0a17ef 100644
--- a/apps/frontpage/src/routes/__layout-docs.svelte
+++ b/apps/frontpage/src/routes/__layout-docs.svelte
@@ -1,6 +1,13 @@
+<script>
+  import ThemeSwitcher from "$shared/components/theme-switcher.svelte";
+</script>
 <main class="padding-md">
   <nav>
     <a href="/">Go back</a>
   </nav>
   <slot></slot>
+  <div class="position-fixed right-0 top-0 margin-md z-index-2">
+    <ThemeSwitcher/>
+  </div>
+
 </main>
diff --git a/apps/frontpage/src/routes/__layout.svelte b/apps/frontpage/src/routes/__layout.svelte
index f1a7eaa..ea37fe7 100644
--- a/apps/frontpage/src/routes/__layout.svelte
+++ b/apps/frontpage/src/routes/__layout.svelte
@@ -1,5 +1,6 @@
 <script>
   import {portal_base} from "$shared/lib/configuration";
+  import ThemeSwitcher from "$shared/components/theme-switcher.svelte";
   import "./app.scss";
   import {afterNavigate} from "$app/navigation";
   import {page} from "$app/stores";
@@ -77,4 +78,8 @@
   <main class="position-relative padding-sm z-index-1 flex-grow">
     <slot></slot>
   </main>
+
+  <div class="position-fixed right-0 top-0 margin-md z-index-2">
+    <ThemeSwitcher/>
+  </div>
 </div>
diff --git a/apps/frontpage/src/routes/app.scss b/apps/frontpage/src/routes/app.scss
index 73a46ba..6ba6e97 100644
--- a/apps/frontpage/src/routes/app.scss
+++ b/apps/frontpage/src/routes/app.scss
@@ -5,3 +5,4 @@
 @use '../../web-shared/src/styles/custom-style/typography';
 @use '../../web-shared/src/styles/custom-style/util';
 @use '../../web-shared/src/styles/components/responsive-sidebar';
+@use '../../web-shared/src/styles/components/light-dark-switch';