diff --git a/app.config.ts b/app.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d52dc1a671d15e3d852473443922f3f4d3bd25b8
--- /dev/null
+++ b/app.config.ts
@@ -0,0 +1,6 @@
+export default defineAppConfig({
+    ui: {
+        primary: '#ff6600',
+        gray: 'cool'
+    }
+})
diff --git a/app.vue b/app.vue
index a495b7573290d49d9fbc106f1a10ff1c6655c2ad..fc2270bff10230a3aecda94a3be03776936368bc 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,5 @@
 <template>
   <div>
-    <NuxtWelcome />
+      <NuxtPage />
   </div>
 </template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 9d8835143367fa15030d303da03f06450bb6a3b4..98f90a7f15fa06776518c57cbf83b85da3311ad8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,5 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
-  modules: ["@vite-pwa/nuxt", "@nuxt/ui"]
+    devtools: {
+        enabled: false
+    },
+    modules: [
+        '@vite-pwa/nuxt',
+        '@nuxt/ui'
+    ]
 })
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..418c43736e21c7057f0921fc961a140a9503ecb8
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,8 @@
+<template>
+    <h1>Home</h1>
+</template>
+<script>
+    export default {
+        name: 'page-index'
+    }
+</script>
\ No newline at end of file
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
new file mode 100644
index 0000000000000000000000000000000000000000..ada9d303ae0ad81321bb75709a16e7406346cb6b
--- /dev/null
+++ b/pages/search/[id].vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const colorMode = useColorMode()
+const isDark = computed({
+    get () {
+        return colorMode.value === 'dark'
+    },
+    set () {
+        colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
+    }
+})
+</script>
+<template>
+    <ClientOnly>
+        <UButton
+            :icon="isDark ? 'i-heroicons-moon-20-solid' : 'i-heroicons-sun-20-solid'"
+            color="gray"
+            variant="ghost"
+            aria-label="Theme"
+            @click="isDark = !isDark"
+        />
+        <template #fallback>
+            <div class="w-8 h-8" />
+        </template>
+        <UButton>Button</UButton>
+    </ClientOnly>
+</template>
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000000000000000000000000000000000000..25c72f94737803527a9fd83f5ff7c0818066df48
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,24 @@
+import type { Config } from 'tailwindcss'
+import defaultTheme from 'tailwindcss/defaultTheme'
+
+export default <Partial<Config>>{
+    theme: {
+        extend: {
+            colors: {
+                green: {
+                    50: '#EFFDF5',
+                    100: '#D9FBE8',
+                    200: '#B3F5D1',
+                    300: '#75EDAE',
+                    400: '#00DC82',
+                    500: '#00C16A',
+                    600: '#00A155',
+                    700: '#007F45',
+                    800: '#016538',
+                    900: '#0A5331',
+                    950: '#052e16'
+                }
+            }
+        }
+    }
+}