b363bfeed4
Replace the orange brand colors with sky blue and purple tones across theme tokens, hero chips, and application cards. Co-authored-by: Cursor <cursoragent@cursor.com>
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
const config: Config = {
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
ink: {
|
|
950: "#FFFFFF",
|
|
900: "#F8FAFC",
|
|
800: "#F1F5F9",
|
|
700: "#E2E8F0",
|
|
600: "#CBD5E1",
|
|
},
|
|
cyan: {
|
|
DEFAULT: "#38BDF8",
|
|
soft: "#7DD3FC",
|
|
},
|
|
violet: {
|
|
DEFAULT: "#8B5CF6",
|
|
soft: "#A78BFA",
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"Plus Jakarta Sans",
|
|
"Noto Sans SC",
|
|
"PingFang SC",
|
|
"Hiragino Sans GB",
|
|
"Microsoft YaHei",
|
|
"ui-sans-serif",
|
|
"system-ui",
|
|
"sans-serif",
|
|
],
|
|
mono: ["ui-monospace", "SFMono-Regular", "Menlo", "monospace"],
|
|
},
|
|
backgroundImage: {
|
|
"grid-fade":
|
|
"radial-gradient(ellipse at center, rgba(56,189,248,0.06) 0%, transparent 75%)",
|
|
"brand-gradient":
|
|
"linear-gradient(135deg, #38BDF8 0%, #8B5CF6 100%)",
|
|
"brand-gradient-soft":
|
|
"linear-gradient(135deg, rgba(56,189,248,0.18) 0%, rgba(139,92,246,0.18) 100%)",
|
|
"ambient-top":
|
|
"radial-gradient(ellipse 90% 70% at 50% -8%, rgba(125,211,252,0.35) 0%, rgba(56,189,248,0.12) 38%, transparent 72%)",
|
|
"ambient-bottom":
|
|
"radial-gradient(ellipse 85% 65% at 50% 108%, rgba(139,92,246,0.18) 0%, rgba(167,139,250,0.08) 42%, transparent 74%)",
|
|
},
|
|
boxShadow: {
|
|
"glow-cyan": "0 0 72px -18px rgba(56,189,248,0.35)",
|
|
"glow-violet": "0 0 72px -18px rgba(139,92,246,0.28)",
|
|
"glow-soft": "0 0 100px -24px rgba(56,189,248,0.22)",
|
|
},
|
|
animation: {
|
|
"spin-slow": "spin 16s linear infinite",
|
|
float: "float 8s ease-in-out infinite",
|
|
"pulse-slow": "pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
},
|
|
keyframes: {
|
|
float: {
|
|
"0%, 100%": { transform: "translateY(0px)" },
|
|
"50%": { transform: "translateY(-14px)" },
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|
|
|
|
export default config;
|