mirror of
https://github.com/MengMengCode/VoCat.git
synced 2026-08-13 03:13:43 +08:00
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: [
|
|
"Inter",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"system-ui",
|
|
"sans-serif",
|
|
],
|
|
display: [
|
|
"Space Grotesk",
|
|
"Inter",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"sans-serif",
|
|
],
|
|
mono: [
|
|
"JetBrains Mono",
|
|
"ui-monospace",
|
|
"SFMono-Regular",
|
|
"Menlo",
|
|
"Consolas",
|
|
"monospace",
|
|
],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
DEFAULT: "#0ea5e9",
|
|
dark: "#0284c7",
|
|
},
|
|
// vocat 品牌色为浅蓝：把参考实现里的 indigo（紫）整组映射为 sky 色阶，
|
|
// 这样所有 indigo-* 类名无需改动即呈现浅蓝。
|
|
indigo: {
|
|
50: "#f0f9ff",
|
|
100: "#e0f2fe",
|
|
200: "#bae6fd",
|
|
300: "#7dd3fc",
|
|
400: "#38bdf8",
|
|
500: "#0ea5e9",
|
|
600: "#0284c7",
|
|
700: "#0369a1",
|
|
800: "#075985",
|
|
900: "#0c4a6e",
|
|
950: "#082f49",
|
|
},
|
|
},
|
|
keyframes: {
|
|
// VoHive overrides the default pulse to a slow scale+fade (glow blobs)
|
|
pulse: {
|
|
"0%, 100%": { opacity: "0.3", transform: "scale(1)" },
|
|
"50%": { opacity: "0.6", transform: "scale(1.1)" },
|
|
},
|
|
"loader-shimmer": {
|
|
"0%": { transform: "translate(-60%)" },
|
|
"100%": { transform: "translate(60%)" },
|
|
},
|
|
"fade-slide-in": {
|
|
from: { opacity: "0", transform: "translateY(20px)" },
|
|
to: { opacity: "1", transform: "translateY(0)" },
|
|
},
|
|
},
|
|
animation: {
|
|
"pulse-slow": "pulse 8s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
"loader-shimmer": "loader-shimmer 1.05s ease-in-out infinite",
|
|
"fade-slide-in": "fade-slide-in 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|