import { CardStyle } from '../types/index.js';
export const cardStyles: CardStyle[] = [
{
name: "温暖柔和",
id: "warm-soft",
backgroundColor: "#FFF8F0",
textColor: "#8B4513",
headerColor: "#CD853F",
accentColor: "#DEB887",
borderRadius: 20,
padding: 40,
fontFamily: "Arial, sans-serif",
fontSize: 16,
lineHeight: 1.6,
gradient: {
start: "#FFF8F0",
end: "#FFE4B5",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 30,
color: "rgba(205, 133, 63, 0.2)"
}
},
{
name: "简约高级灰",
id: "minimal-gray",
backgroundColor: "#F8F9FA",
textColor: "#2E3440",
headerColor: "#5E81AC",
accentColor: "#88C0D0",
borderRadius: 12,
padding: 35,
fontFamily: "Helvetica, Arial, sans-serif",
fontSize: 15,
lineHeight: 1.7,
shadow: {
offsetX: 0,
offsetY: 5,
blur: 15,
color: "rgba(0, 0, 0, 0.1)"
}
},
{
name: "梦幻渐变",
id: "dreamy-gradient",
backgroundColor: "#FF6B6B",
textColor: "#FFFFFF",
headerColor: "#FFFFFF",
accentColor: "#FFE66D",
borderRadius: 25,
padding: 45,
fontFamily: "Georgia, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#FF6B6B",
end: "#4ECDC4",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 15,
blur: 40,
color: "rgba(255, 107, 107, 0.3)"
}
},
{
name: "清新自然",
id: "fresh-natural",
backgroundColor: "#E8F5E8",
textColor: "#2D5016",
headerColor: "#4A7C59",
accentColor: "#7FB069",
borderRadius: 18,
padding: 38,
fontFamily: "Verdana, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#E8F5E8",
end: "#C8E6C9",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 8,
blur: 20,
color: "rgba(74, 124, 89, 0.2)"
}
},
{
name: "科技蓝",
id: "tech-blue",
backgroundColor: "#0F172A",
textColor: "#E2E8F0",
headerColor: "#38BDF8",
accentColor: "#0EA5E9",
borderRadius: 16,
padding: 40,
fontFamily: "Monaco, monospace",
fontSize: 14,
lineHeight: 1.6,
gradient: {
start: "#0F172A",
end: "#1E293B",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 25,
color: "rgba(56, 189, 248, 0.3)"
}
},
{
name: "优雅紫",
id: "elegant-purple",
backgroundColor: "#F3E8FF",
textColor: "#581C87",
headerColor: "#7C3AED",
accentColor: "#A855F7",
borderRadius: 20,
padding: 42,
fontFamily: "Times New Roman, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#F3E8FF",
end: "#E9D5FF",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 30,
color: "rgba(124, 58, 237, 0.2)"
}
},
{
name: "活力橙",
id: "vibrant-orange",
backgroundColor: "#FFF7ED",
textColor: "#9A3412",
headerColor: "#EA580C",
accentColor: "#FB923C",
borderRadius: 22,
padding: 40,
fontFamily: "Arial, sans-serif",
fontSize: 16,
lineHeight: 1.6,
gradient: {
start: "#FFF7ED",
end: "#FFEDD5",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 28,
color: "rgba(234, 88, 12, 0.25)"
}
},
{
name: "森林绿",
id: "forest-green",
backgroundColor: "#064E3B",
textColor: "#D1FAE5",
headerColor: "#34D399",
accentColor: "#6EE7B7",
borderRadius: 18,
padding: 38,
fontFamily: "Trebuchet MS, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#064E3B",
end: "#065F46",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 25,
color: "rgba(52, 211, 153, 0.3)"
}
},
{
name: "玫瑰金",
id: "rose-gold",
backgroundColor: "#FDF2F8",
textColor: "#831843",
headerColor: "#E11D48",
accentColor: "#F43F5E",
borderRadius: 24,
padding: 44,
fontFamily: "Georgia, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#FDF2F8",
end: "#FCE7F3",
direction: "horizontal"
},
shadow: {
offsetX: 0,
offsetY: 15,
blur: 35,
color: "rgba(225, 29, 72, 0.2)"
}
},
{
name: "深海蓝",
id: "deep-ocean",
backgroundColor: "#0C4A6E",
textColor: "#BAE6FD",
headerColor: "#0EA5E9",
accentColor: "#38BDF8",
borderRadius: 16,
padding: 40,
fontFamily: "Arial, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#0C4A6E",
end: "#075985",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 30,
color: "rgba(14, 165, 233, 0.4)"
}
},
{
name: "薄荷绿",
id: "mint-green",
backgroundColor: "#ECFDF5",
textColor: "#065F46",
headerColor: "#059669",
accentColor: "#10B981",
borderRadius: 20,
padding: 40,
fontFamily: "Helvetica, sans-serif",
fontSize: 16,
lineHeight: 1.6,
gradient: {
start: "#ECFDF5",
end: "#D1FAE5",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 8,
blur: 20,
color: "rgba(5, 150, 105, 0.2)"
}
},
{
name: "珊瑚橙",
id: "coral-orange",
backgroundColor: "#FFF2E5",
textColor: "#7C2D12",
headerColor: "#DC2626",
accentColor: "#F87171",
borderRadius: 18,
padding: 36,
fontFamily: "Verdana, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#FFF2E5",
end: "#FED7AA",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 25,
color: "rgba(220, 38, 38, 0.2)"
}
},
{
name: "浪漫粉",
id: "romantic-pink",
backgroundColor: "#FEF7FF",
textColor: "#701A75",
headerColor: "#C026D3",
accentColor: "#E879F9",
borderRadius: 25,
padding: 42,
fontFamily: "Georgia, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#FEF7FF",
end: "#FAE8FF",
direction: "horizontal"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 30,
color: "rgba(192, 38, 211, 0.25)"
}
},
{
name: "金色阳光",
id: "golden-sun",
backgroundColor: "#FFFBEB",
textColor: "#92400E",
headerColor: "#D97706",
accentColor: "#F59E0B",
borderRadius: 22,
padding: 40,
fontFamily: "Arial, sans-serif",
fontSize: 16,
lineHeight: 1.6,
gradient: {
start: "#FFFBEB",
end: "#FEF3C7",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 25,
color: "rgba(217, 119, 6, 0.3)"
}
},
{
name: "冰雪蓝",
id: "ice-blue",
backgroundColor: "#F0F9FF",
textColor: "#0C4A6E",
headerColor: "#0284C7",
accentColor: "#0EA5E9",
borderRadius: 18,
padding: 38,
fontFamily: "Helvetica, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#F0F9FF",
end: "#E0F2FE",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 8,
blur: 20,
color: "rgba(2, 132, 199, 0.2)"
}
},
{
name: "黄昏紫",
id: "twilight-purple",
backgroundColor: "#1E1B4B",
textColor: "#DDD6FE",
headerColor: "#8B5CF6",
accentColor: "#A78BFA",
borderRadius: 20,
padding: 40,
fontFamily: "Times New Roman, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#1E1B4B",
end: "#312E81",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 15,
blur: 35,
color: "rgba(139, 92, 246, 0.4)"
}
},
{
name: "翡翠绿",
id: "emerald-green",
backgroundColor: "#F0FDF4",
textColor: "#14532D",
headerColor: "#16A34A",
accentColor: "#22C55E",
borderRadius: 16,
padding: 36,
fontFamily: "Trebuchet MS, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#F0FDF4",
end: "#DCFCE7",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 10,
blur: 25,
color: "rgba(22, 163, 74, 0.2)"
}
},
{
name: "酒红色",
id: "wine-red",
backgroundColor: "#7F1D1D",
textColor: "#FEF2F2",
headerColor: "#FCA5A5",
accentColor: "#F87171",
borderRadius: 18,
padding: 40,
fontFamily: "Georgia, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#7F1D1D",
end: "#991B1B",
direction: "horizontal"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 30,
color: "rgba(127, 29, 29, 0.5)"
}
},
{
name: "星空蓝",
id: "starry-blue",
backgroundColor: "#0F172A",
textColor: "#CBD5E1",
headerColor: "#60A5FA",
accentColor: "#93C5FD",
borderRadius: 20,
padding: 42,
fontFamily: "Arial, sans-serif",
fontSize: 15,
lineHeight: 1.7,
gradient: {
start: "#0F172A",
end: "#1E293B",
direction: "diagonal"
},
shadow: {
offsetX: 0,
offsetY: 15,
blur: 40,
color: "rgba(96, 165, 250, 0.3)"
}
},
{
name: "咖啡色",
id: "coffee-brown",
backgroundColor: "#FEF7ED",
textColor: "#7C2D12",
headerColor: "#C2410C",
accentColor: "#EA580C",
borderRadius: 16,
padding: 38,
fontFamily: "Times New Roman, serif",
fontSize: 16,
lineHeight: 1.8,
gradient: {
start: "#FEF7ED",
end: "#FED7AA",
direction: "vertical"
},
shadow: {
offsetX: 0,
offsetY: 8,
blur: 20,
color: "rgba(194, 65, 12, 0.2)"
}
},
{
name: "青春粉",
id: "youthful-pink",
backgroundColor: "#FDF2F8",
textColor: "#9D174D",
headerColor: "#EC4899",
accentColor: "#F472B6",
borderRadius: 24,
padding: 40,
fontFamily: "Helvetica, sans-serif",
fontSize: 16,
lineHeight: 1.6,
gradient: {
start: "#FDF2F8",
end: "#FCE7F3",
direction: "horizontal"
},
shadow: {
offsetX: 0,
offsetY: 12,
blur: 28,
color: "rgba(236, 72, 153, 0.25)"
}
},
{
name: "中性灰",
id: "neutral-gray",
backgroundColor: "#F9FAFB",
textColor: "#374151",
headerColor: "#6B7280",
accentColor: "#9CA3AF",
borderRadius: 12,
padding: 35,
fontFamily: "Arial, sans-serif",
fontSize: 15,
lineHeight: 1.7,
shadow: {
offsetX: 0,
offsetY: 6,
blur: 15,
color: "rgba(0, 0, 0, 0.08)"
}
}
];
export const getStyleById = (id: string): CardStyle | undefined => {
return cardStyles.find(style => style.id === id);
};
export const getStyleByName = (name: string): CardStyle | undefined => {
return cardStyles.find(style => style.name === name);
};
