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", - }, - }, - }, - }), -);