You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
2.9 KiB
TypeScript
128 lines
2.9 KiB
TypeScript
import { createTheme } from "@mantine/core";
|
|
import type { MantineColorsTuple, MantineThemeOverride } from "@mantine/core";
|
|
|
|
/** Generated with https://mantine.dev/colors-generator */
|
|
const skyBlue: MantineColorsTuple = [
|
|
"#e1f8ff",
|
|
"#cbedff",
|
|
"#9ad7ff",
|
|
"#64c1ff",
|
|
"#3aaefe",
|
|
"#20a2fe",
|
|
"#099cff",
|
|
"#0088e4",
|
|
"#0079cd",
|
|
"#0068b6",
|
|
];
|
|
|
|
const theme: MantineThemeOverride = createTheme({
|
|
primaryColor: "skyBlue",
|
|
colors: {
|
|
skyBlue,
|
|
/** Generated with https://harmonizer.evilmartians.com/ */
|
|
red: [
|
|
"oklch(0.93 0.04 15)",
|
|
"oklch(0.86 0.08 15)",
|
|
"oklch(0.79 0.13 15)",
|
|
"oklch(0.7 0.16 15)",
|
|
"oklch(0.6 0.14 15)",
|
|
"oklch(0.73 0.16 15)",
|
|
"oklch(0.63 0.15 15)",
|
|
"oklch(0.52 0.12 15)",
|
|
"oklch(0.38 0.09 15)",
|
|
"oklch(0 0 15)",
|
|
],
|
|
yellow: [
|
|
"oklch(0.93 0.04 89)",
|
|
"oklch(0.85 0.08 89)",
|
|
"oklch(0.77 0.13 89)",
|
|
"oklch(0.69 0.16 89)",
|
|
"oklch(0.58 0.14 89)",
|
|
"oklch(0.72 0.16 89)",
|
|
"oklch(0.62 0.15 89)",
|
|
"oklch(0.51 0.12 89)",
|
|
"oklch(0.37 0.09 89)",
|
|
"oklch(0 0 89)",
|
|
],
|
|
aquamarine: [
|
|
"oklch(0.92 0.04 170)",
|
|
"oklch(0.84 0.08 170)",
|
|
"oklch(0.76 0.13 170)",
|
|
"oklch(0.66 0.16 170)",
|
|
"oklch(0.56 0.14 170)",
|
|
"oklch(0.69 0.16 170)",
|
|
"oklch(0.6 0.15 170)",
|
|
"oklch(0.49 0.12 170)",
|
|
"oklch(0.36 0.09 170)",
|
|
"oklch(0 0 170)",
|
|
],
|
|
azure: [
|
|
"oklch(0.93 0.04 250)",
|
|
"oklch(0.85 0.08 250)",
|
|
"oklch(0.77 0.13 250)",
|
|
"oklch(0.68 0.16 250)",
|
|
"oklch(0.58 0.14 250)",
|
|
"oklch(0.71 0.16 250)",
|
|
"oklch(0.62 0.15 250)",
|
|
"oklch(0.5 0.12 250)",
|
|
"oklch(0.37 0.09 250)",
|
|
"oklch(0 0 250)",
|
|
],
|
|
lavender: [
|
|
"oklch(0.93 0.04 285)",
|
|
"oklch(0.86 0.08 285)",
|
|
"oklch(0.78 0.13 285)",
|
|
"oklch(0.7 0.16 285)",
|
|
"oklch(0.59 0.14 285)",
|
|
"oklch(0.73 0.16 285)",
|
|
"oklch(0.63 0.15 285)",
|
|
"oklch(0.51 0.12 285)",
|
|
"oklch(0.38 0.09 285)",
|
|
"oklch(0 0 285)",
|
|
],
|
|
fuchsia: [
|
|
"oklch(0.93 0.04 320)",
|
|
"oklch(0.86 0.08 320)",
|
|
"oklch(0.79 0.13 320)",
|
|
"oklch(0.7 0.16 320)",
|
|
"oklch(0.6 0.14 320)",
|
|
"oklch(0.73 0.16 320)",
|
|
"oklch(0.63 0.15 320)",
|
|
"oklch(0.52 0.12 320)",
|
|
"oklch(0.38 0.09 320)",
|
|
"oklch(0 0 320)",
|
|
],
|
|
},
|
|
black: "#444444",
|
|
white: "#f5f5f5",
|
|
fontFamily: "Genos",
|
|
fontFamilyMonospace: "Ubuntu Mono",
|
|
headings: {
|
|
fontFamily: "Revalia",
|
|
},
|
|
fontSizes: {
|
|
xs: "0.875rem",
|
|
sm: "1rem",
|
|
md: "1.125rem",
|
|
lg: "1.25rem",
|
|
xl: "1.5rem",
|
|
"2xl": "1.875rem",
|
|
"3xl": "2.25rem",
|
|
"4xl": "3rem",
|
|
},
|
|
lineHeights: {
|
|
xs: "1.25rem",
|
|
sm: "1.375rem",
|
|
md: "1.5rem",
|
|
lg: "1.75rem",
|
|
xl: "2rem",
|
|
"2xl": "2.25rem",
|
|
"3xl": "2.625rem",
|
|
"4xl": "3rem",
|
|
"5xl": "3.75rem",
|
|
"6xl": "4.5rem",
|
|
},
|
|
});
|
|
|
|
export default theme;
|