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 .
+ */
+
+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 .
- */
-
-import { createTheme, responsiveFontSizes } from "@mui/material";
-
-export const defaultTheme = responsiveFontSizes(
- createTheme({
- components: {
- MuiSkeleton: {
- defaultProps: {
- animation: "wave",
- },
- },
- Poster: {
- defaultProps: {
- radius: "1%",
- },
- },
- MuiLink: {
- defaultProps: {
- underline: "hover",
- },
- },
- },
- }),
-);