i fucking hate js yeah fuck you

Signed-off-by: ngn <ngn@ngn.tf>

src/App.vue

@@ -10,7 +10,7 @@ const dev = import.meta.env.DEV
 
 <template>
   <dev-warning v-if="dev"></dev-warning>
-  <div :class="getTheme()" class="flex flex-col justify-between min-h-[100vh] bg-primary">
+  <div :class="getTheme()" class="flex flex-col min-h-[100vh] bg-black">
     <navbar-item></navbar-item>
     <Suspense>
       <RouterView :key="$route.fullPath" />

src/components/SearchBar.vue

@@ -24,8 +24,7 @@ export default {
       :placeholder="$t('main.search')"
       v-model="searchInput"
       @keyup.enter="redirectToSearch"
-      class="rounded-md p-1 pl-8 w-56 text-white bg-black placeholder:text-white w-full outline-none"
-      style="border: solid 1px #151515;"
+      class="rounded-md px-2 text-black bg-white placeholder:text-black w-full outline-none"
     />
   </div>
 </template>

src/settingsManager.ts

@@ -245,7 +245,7 @@ export const themeList = [
     extend: {
       colors: {
         primary: '#141515',
-        secondary: '#000',
+        secondary: '#1e1f1f',
         overlay0: '#282a2a',
         overlay1: '#323434',
         surface0: '#393B3B',

src/views/SettingsView.vue

@@ -115,12 +115,10 @@ export default {
       </li>
     </ul>
 
+    <!---
     <h1 class="font-bold text-3xl mt-2">{{ $t('main.themes') }}</h1>
     <hr class="my-2" />
     <ul class="flex space-x-2">
-      <!--
-        Use theme colors for preview
-       -->
       <li
         v-for="theme in themeList"
         :key="theme.name"
@@ -150,5 +148,7 @@ export default {
         class="bg-surface0 p-4 py-2 rounded-md"
       />
     </div>
+
+    -->
   </div>
 </template>

tailwind.config.js

@@ -56,6 +56,6 @@ module.exports = {
       ]
     }),
     require('@tailwindcss/typography'),
-    require("@tailwindcss/forms") 
+    require("@tailwindcss/forms")
   ],
-}
+}