diff --git a/package.json b/package.json
index 4b93b5bd..c43aca56 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,6 @@
     "@codemirror/lang-less": "^6.0.2",
     "@heroicons/react": "^2.1.3",
     "@million/lint": "latest",
-    "@radix-ui/react-accordion": "^1.1.2",
     "@sentry/browser": "^7.100.1",
     "@sentry/cli": "^2.28.6",
     "@sentry/react": "^7.100.1",
diff --git a/src/interface/pages/ThemeCreator.tsx b/src/interface/pages/ThemeCreator.tsx
index d2683625..d3200b98 100644
--- a/src/interface/pages/ThemeCreator.tsx
+++ b/src/interface/pages/ThemeCreator.tsx
@@ -1,7 +1,10 @@
 import CodeEditor from '../components/CodeEditor';
 import Accordion from '../components/Accordian';
+import { useState } from 'react';
 
 export default function ThemeCreator() {
+  const [theme, setTheme] = useState();
+
   const handleSave = (value: string) => {
     // Save the theme
     console.log(value)
diff --git a/src/interface/types/CustomThemes.ts b/src/interface/types/CustomThemes.ts
index e69de29b..ea08866f 100644
--- a/src/interface/types/CustomThemes.ts
+++ b/src/interface/types/CustomThemes.ts
@@ -0,0 +1,8 @@
+type CustomTheme = {
+  name: string;
+  description: string;
+  defaultColour: string;
+  CanChangeColour: boolean;
+  CustomCSS: string;
+  CustomImages: string[];
+}
\ No newline at end of file