79 lines
2.7 KiB
JavaScript
79 lines
2.7 KiB
JavaScript
import franken from "franken-ui/shadcn-ui/preset-quick";
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
presets: [
|
|
franken({
|
|
customPalette: {
|
|
".ux-theme-catppuccin": {
|
|
"--background": "220 23.08% 94.9%",
|
|
"--foreground": "233.79 16.02% 35.49%",
|
|
"--card": "220 21.95% 91.96%",
|
|
"--card-foreground": "233.79 16.02% 35.49%",
|
|
"--popover": "220 20.69% 88.63%",
|
|
"--popover-foreground": "233.79 16.02% 35.49%",
|
|
"--primary": "219.91 91.49% 53.92%",
|
|
"--primary-foreground": "0 0% 96.08%",
|
|
"--secondary": "226.67 12.16% 70.98%",
|
|
"--secondary-foreground": "240 22.73% 8.63%",
|
|
"--muted": "225 13.56% 76.86%",
|
|
"--muted-foreground": "240 21.05% 14.9%",
|
|
"--accent": "230.94 97.2% 71.96%",
|
|
"--accent-foreground": "240 22.73% 8.63%",
|
|
"--destructive": "0 84.2% 60.2%",
|
|
"--destructive-foreground": "210 40% 98%",
|
|
"--border": "233.79 16.02% 35.49%",
|
|
"--input": "226.67 12.16% 70.98%",
|
|
"--ring": "197.07 96.57% 45.69%",
|
|
},
|
|
".dark.ux-theme-catppuccin": {
|
|
"--background": "240 21.05% 14.9%",
|
|
"--foreground": "226.15 63.93% 88.04%",
|
|
"--card": "0 0% 7.84%",
|
|
"--card-foreground": "226.15 63.93% 88.04%",
|
|
"--popover": "240 22.73% 8.63%",
|
|
"--popover-foreground": "226.15 63.93% 88.04%",
|
|
"--primary": "217.17 91.87% 75.88%",
|
|
"--primary-foreground": "240 22.73% 8.63%",
|
|
"--secondary": "232.5 12% 39.22%",
|
|
"--secondary-foreground": "226.15 63.93% 88.04%",
|
|
"--muted": "236.84 16.24% 22.94%",
|
|
"--muted-foreground": "226.15 63.93% 88.04%",
|
|
"--accent": "115.45 54.1% 76.08%",
|
|
"--accent-foreground": "240 22.73% 8.63%",
|
|
"--destructive": "343 81.2% 74.9%",
|
|
"--destructive-foreground": "240 22.73% 8.63%",
|
|
"--border": "236.84 16.24% 22.94%",
|
|
"--input": "232.5 12% 39.22%",
|
|
"--ring": "189.18 71.01% 72.94%",
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
content: ["./view/**/*.templ"],
|
|
safelist: [
|
|
{
|
|
pattern: /^uk-/,
|
|
},
|
|
"ProseMirror",
|
|
"ProseMirror-focused",
|
|
"tiptap",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
warning: "hsl(var(--warning))",
|
|
"warning-foreground": "hsl(var(--warning-foreground))",
|
|
success: "hsl(var(--success))",
|
|
"success-foreground": "hsl(var(--success-foreground))",
|
|
"chart-green": "hsl(var(--chart-green)",
|
|
"chart-blue": "hsl(var(--chart-blue)",
|
|
"chart-yellow": "hsl(var(--chart-yellow)",
|
|
"chart-orange": "hsl(var(--chart-orange)",
|
|
"chart-red": "hsl(var(--chart-red)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|