diff --git a/front/src/utils/themes/catppuccin.ts b/front/src/utils/themes/catppuccin.ts
new file mode 100644
index 00000000..5d565649
--- /dev/null
+++ b/front/src/utils/themes/catppuccin.ts
@@ -0,0 +1,87 @@
+/*
+ * Kyoo - A portable and vast media library solution.
+ * Copyright (c) Kyoo.
+ *
+ * See AUTHORS.md and LICENSE file in the project root for full license information.
+ *
+ * Kyoo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Kyoo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { Property } from "csstype";
+
+// TODO: Add specifics colors
+export type Theme = {
+	fonts: {
+		heading: string,
+		paragraph: string,
+	},
+	light: {
+		appbar: Property.Color,
+		default: {
+			background: Property.Color,
+			accent: Property.Color,
+			divider: Property.Color,
+			heading: Property.Color,
+			paragraph: Property.Color,
+			subtext: Property.Color,
+		},
+		variant: Theme["light"]["default"],
+	},
+	dark: Theme["light"]
+}
+
+export const catppuccin: Theme = {
+	fonts: {
+		heading: "Pacifico",
+		paragraph: "Poppins",
+	},
+	light: {
+		appbar: "#e64553",
+		default: {
+			background: "#eff1f5",
+			accent: "#ea76cb",
+			divider: "#8c8fa1",
+			heading: "#4c4f69",
+			paragraph: "#5c5f77",
+			subtext: "#6c6f85",
+		},
+		variant: {
+			background: "#dc8a78",
+			accent: "#d20f39",
+			divider: "#dd7878",
+			heading: "#4c4f69",
+			paragraph: "#5c5f77",
+			subtext: "#6c6f85",
+		}
+	},
+	dark: {
+		appbar: "#94e2d5",
+		default: {
+			background: "#1e1e2e",
+			accent: "##f5c2e7",
+			divider: "#7f849c",
+			heading: "#cdd6f4",
+			paragraph: "#bac2de",
+			subtext: "#a6adc8",
+		},
+		variant: {
+			background: "#181825",
+			accent: "#74c7ec",
+			divider: "#1e1e2e",
+			heading: "#cdd6f4",
+			paragraph: "#bac2de",
+			subtext: "#a6adc8",
+		},
+	}
+}
diff --git a/front/src/utils/themes/default-theme.ts b/front/src/utils/themes/default-theme.ts
deleted file mode 100644
index 6da158dd..00000000
--- a/front/src/utils/themes/default-theme.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Kyoo - A portable and vast media library solution.
- * Copyright (c) Kyoo.
- *
- * See AUTHORS.md and LICENSE file in the project root for full license information.
- *
- * Kyoo is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * any later version.
- *
- * Kyoo is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import { createTheme, responsiveFontSizes } from "@mui/material";
-
-export const defaultTheme = responsiveFontSizes(
-	createTheme({
-		components: {
-			MuiSkeleton: {
-				defaultProps: {
-					animation: "wave",
-				},
-			},
-			Poster: {
-				defaultProps: {
-					radius: "1%",
-				},
-			},
-			MuiLink: {
-				defaultProps: {
-					underline: "hover",
-				},
-			},
-		},
-	}),
-);