84 lines
2.5 KiB
TypeScript
84 lines
2.5 KiB
TypeScript
import Aura from "@primeuix/themes/aura";
|
|
import { definePreset } from "@primeuix/themes";
|
|
|
|
export const Theme = definePreset(Aura, {
|
|
semantic: {
|
|
formField: {
|
|
paddingX: "0.75rem",
|
|
paddingY: "0.35rem",
|
|
sm: {
|
|
fontSize: "0.875rem",
|
|
paddingX: "0.625rem",
|
|
paddingY: "0.25rem"
|
|
},
|
|
lg: {
|
|
fontSize: "1.125rem",
|
|
paddingX: "0.875rem",
|
|
paddingY: "0.6rem"
|
|
},
|
|
borderRadius: "{border.radius.md}",
|
|
focusRing: {
|
|
width: "0",
|
|
style: "none",
|
|
color: "transparent",
|
|
offset: "0",
|
|
shadow: "none"
|
|
},
|
|
transitionDuration: "{transition.duration}"
|
|
},
|
|
primary: {
|
|
50: "#fffbeb",
|
|
100: "#fef3c7",
|
|
200: "#fde68a",
|
|
300: "#fcd34d",
|
|
400: "#fbbf24",
|
|
500: "#f59e0b",
|
|
600: "#d97706",
|
|
700: "#b45309",
|
|
800: "#92400e",
|
|
900: "#78350f",
|
|
950: "#451a03"
|
|
},
|
|
colorScheme: {
|
|
light: {
|
|
surface: {
|
|
0: "#ffffff",
|
|
50: "#fafaf9",
|
|
100: "#f5f5f4",
|
|
200: "#e7e5e4",
|
|
300: "#d6d3d1",
|
|
400: "#a8a29e",
|
|
500: "#78716c",
|
|
600: "#57534e",
|
|
700: "#44403c",
|
|
800: "#292524",
|
|
900: "#1c1917",
|
|
950: "#0c0a09"
|
|
}
|
|
},
|
|
dark: {
|
|
surface: {
|
|
0: "#030303",
|
|
50: "#171717",
|
|
100: "#262626",
|
|
200: "#404040",
|
|
300: "#525252",
|
|
400: "#737373",
|
|
500: "#a3a3a3",
|
|
600: "#d4d4d4",
|
|
700: "#e5e5e5",
|
|
800: "#f5f5f5",
|
|
900: "#fafafa",
|
|
950: "#ffffff"
|
|
},
|
|
primary: {
|
|
color: "{primary.400}", // Gold Button Hintergrund
|
|
contrastColor: "#1a1a1a", // ***Dunkler Text für gute Lesbarkeit***
|
|
hoverColor: "{primary.300}",
|
|
activeColor: "{primary.200}"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|