diff --git a/public/themes/mocha.css b/public/themes/mocha.css
index 424c122..2c29f72 100644
--- a/public/themes/mocha.css
+++ b/public/themes/mocha.css
@@ -1,6 +1,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Dongle&family=Roboto:wght@100&display=swap");
 
-:root {
+:root [data-theme="mocha"] {
     --background-primary: #1e1e2e;
     --background-lighter: #11111b;
     --navbar-color: #11111b;
diff --git a/src/index.tsx b/src/index.tsx
index e17fecb..5ed3911 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,4 @@
-import { render } from "preact";
+import { render, Component } from "preact";
 import { Suspense, lazy } from "preact/compat";
 import { LoadSuspense } from "./LoadSuspense";
 const Routes = lazy(() => import("./routes"));