25 lines
689 B
TypeScript
25 lines
689 B
TypeScript
import { Theme, createTheme } from "@suid/material/styles";
|
|
import { deepPurple, amber } from "@suid/material/colors";
|
|
import { Accessor } from "solid-js";
|
|
|
|
/**
|
|
* The MUI theme.
|
|
*/
|
|
export function useRootTheme(): Accessor<Theme> {
|
|
return () =>
|
|
createTheme({
|
|
palette: {
|
|
primary: {
|
|
main: deepPurple[500],
|
|
},
|
|
secondary: {
|
|
main: amber.A200,
|
|
},
|
|
},
|
|
});
|
|
}
|
|
|
|
export const ANIM_CURVE_STD = "cubic-bezier(0.4, 0, 0.2, 1)";
|
|
export const ANIM_CURVE_DECELERATION = "cubic-bezier(0, 0, 0.2, 1)";
|
|
export const ANIM_CURVE_ACELERATION = "cubic-bezier(0.4, 0, 1, 1)";
|
|
export const ANIM_CURVE_SHARP = "cubic-bezier(0.4, 0, 0.6, 1)";
|