Revert "Starting point since I don't want to break something later on"

This reverts commit b4c759eded.

public/themes/mocha.css

@@ -1,28 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
-
-:root [data-theme="mocha"] {
-    --background-primary: #1e1e2e;
-    --background-lighter: #11111b;
-    --navbar-color: #11111b;
-    --navbar-height: 60px;
-    --navbar-text-color: #cba6f7;
-    --navbar-link-color: #89b4fa;
-    --navbar-link-hover-color: #cba6f7;
-    --navbar-font: "Roboto";
-    --input-text-color: #cdd6f4;
-    --input-placeholder-color: #bac2de;
-    --input-background-color: #181825;
-    --input-border-color: #cba6f7;
-    --input-border-size: 1.3px;
-    --navbar-logo-filter: none;
-    --dropdown-option-hover-color: #11111b;
-}
-
-.font-inter {
-    font-family: "Inter", sans-serif;
-    font-weight: 300;
-}
-
-.font-roboto {
-    font-family: "Roboto";
-}

src/components/iframe/IframeHeader.tsx

@@ -97,12 +97,7 @@ export function IframeHeader(props: { url: string }) {
                 script.src = "https://cdn.jsdelivr.net/npm/eruda";
                 script.onload = function () {
                   if (!proxyWindow) return;
-                  proxyWindow.eruda.init({
+                  proxyWindow.eruda.init();
-                    defaults: {
-                      displaySize: 45,
-                      theme: 'Material Palenight'
-                    }
-                  });
                   proxyWindow.eruda.show();
                 };
                 proxyDocument.head.appendChild(script);

src/index.tsx

@@ -1,4 +1,4 @@
-import { render, Component } from "preact";
+import { render } from "preact";
 import { Suspense, lazy } from "preact/compat";
 import { LoadSuspense } from "./LoadSuspense";
 const Routes = lazy(() => import("./routes"));

src/routes.tsx

@@ -6,14 +6,14 @@ import { ProxyFrame } from "./pages/ProxyFrame.js";
 import { Radon } from "./pages/Radon";
 import { Settings } from "./pages/Settings/";
 import { AboutBlank } from "./AboutBlank";
-//import AutocompleteInput from "./Autocomplete";
+import AutocompleteInput from "./Autocomplete";
 import "./style.css";
+import "./themes/main.css";
 import "./i18n";
 
 export default function Routes() {
   return (
     <LocationProvider>
-      <link rel="stylesheet" href="/themes/main.css" />
       <Router>
         <Route path="/" component={Home} />
         <Route path="/discord" component={DiscordPage} />