Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add catppuccin theme

Browse Source
This commit is contained in:
Zoe Roux 2022-10-28 02:02:09 +09:00
parent 3488aeb03b
commit cbbd04efb6
No known key found for this signature in database
GPG Key ID: B2AB52A2636E5C46
2 changed files with 87 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
front/src/utils/themes/catppuccin.ts Normal file
View File

@ -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",
},
}
}

43
front/src/utils/themes/default-theme.ts
View File

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