diff --git a/src/utils/themes.ts b/src/utils/themes.ts
new file mode 100644
index 0000000..45e4836
--- /dev/null
+++ b/src/utils/themes.ts
@@ -0,0 +1,24 @@
+import { invoke } from "@tauri-apps/api"
+
+interface Theme {
+  name: string
+  version: string
+  description: string
+
+  // Included custom CSS and JS files
+  includes: {
+    css: string[]
+    js: string[]
+  }
+
+  customBackgroundURL?: string
+  customBackgroundPath?: string
+}
+
+export async function getThemeList() {
+  // Do some invoke to backend to get the theme list
+}
+
+export async function loadTheme() {
+  // Do some invoke to backend to load the theme
+}
\ No newline at end of file