Files
ocdp-go/frontend/tailwind.config.js
mangomqy c5e51ed069 ocdp v1
2025-11-13 02:54:06 +00:00

64 lines
1.6 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
dark: {
DEFAULT: "#0b1119", // 主背景
lighter: "#141c26", // 模块背景
elevated: "#1a2533", // 提升层
border: "#1f2935", // 分割线
},
brand: {
blue: "#56718f", // 主色(柔和蓝)
light: "#6f8aa8", // hover
accent: "#c6a15b", // 点缀金色
accentLight: "#ddc48b",
},
accent: {
teal: "#4d8275",
tealLight: "#6ea094",
slate: "#2f3947",
},
blue: {
300: "#6f8aa8",
400: "#56718f",
500: "#445971",
},
emerald: {
300: "#5e9a87",
400: "#4d8275",
500: "#3b685d",
},
green: {
400: "#6fa58e",
500: "#4d806a",
},
purple: {
300: "#9a88b5",
400: "#8673a0",
500: "#6f5d88",
},
},
textColor: {
primary: "#e5e9f2", // 主字体
secondary: "#aab4c3", // 次级文字
muted: "#808ba0",
},
backgroundImage: {
"app-gradient":
"radial-gradient(circle at top, rgba(198, 161, 91, 0.12), transparent 58%), radial-gradient(circle at bottom, rgba(77, 130, 117, 0.18), transparent 62%)",
},
borderRadius: {
xl: "0.75rem",
"2xl": "1rem",
},
boxShadow: {
soft: "0 10px 30px rgba(0, 0, 0, 0.35)",
glow: "0 0 25px rgba(198, 161, 91, 0.18)",
},
},
},
plugins: [],
};