2025-01-25 00:46:59 +08:00
|
|
|
import type { Config } from "tailwindcss";
|
2025-01-24 17:37:51 +08:00
|
|
|
|
|
|
|
|
export const NiceTailwindConfig: Config = {
|
2025-01-25 00:46:59 +08:00
|
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
|
|
|
theme: {
|
|
|
|
|
extend: {
|
|
|
|
|
colors: {
|
|
|
|
|
// 主色调 - 空军蓝
|
|
|
|
|
primary: {
|
|
|
|
|
50: "#e8f2ff",
|
|
|
|
|
100: "#c5d9f7",
|
|
|
|
|
150: "#EDF0F8", // via color
|
|
|
|
|
200: "#9fc0ef",
|
|
|
|
|
250: "#E6E9F0", // from color
|
|
|
|
|
300: "#78a7e7",
|
|
|
|
|
350: "#D8E2EF", // to color
|
|
|
|
|
400: "#528edf",
|
|
|
|
|
500: "#00308a",
|
|
|
|
|
600: "#00256b",
|
|
|
|
|
700: "#001a4c",
|
|
|
|
|
800: "#000f2d",
|
|
|
|
|
900: "#00040e",
|
|
|
|
|
DEFAULT: "#00308a",
|
|
|
|
|
},
|
|
|
|
|
// 辅助色 - 军事灰
|
|
|
|
|
secondary: {
|
|
|
|
|
50: "#f5f5f5",
|
|
|
|
|
100: "#e0e0e0",
|
|
|
|
|
200: "#c2c2c2",
|
|
|
|
|
300: "#a3a3a3",
|
|
|
|
|
350: "#97A9C4", // New color inserted
|
|
|
|
|
400: "#858585",
|
|
|
|
|
500: "#666666",
|
|
|
|
|
600: "#4d4d4d",
|
|
|
|
|
700: "#333333",
|
|
|
|
|
800: "#1a1a1a",
|
|
|
|
|
900: "#0d0d0d",
|
|
|
|
|
DEFAULT: "#4d4d4d",
|
|
|
|
|
},
|
|
|
|
|
// 强调色 - 军徽金
|
|
|
|
|
accent: {
|
|
|
|
|
50: "#fff8e5",
|
|
|
|
|
100: "#ffecb3",
|
|
|
|
|
200: "#ffe080",
|
|
|
|
|
300: "#ffd44d",
|
|
|
|
|
400: "#ffc81a",
|
|
|
|
|
500: "#e6b400",
|
|
|
|
|
600: "#b38f00",
|
|
|
|
|
700: "#806a00",
|
|
|
|
|
800: "#4d4000",
|
|
|
|
|
900: "#1a1500",
|
|
|
|
|
DEFAULT: "#e6b400",
|
|
|
|
|
},
|
|
|
|
|
// 功能色
|
|
|
|
|
success: "#28a745",
|
|
|
|
|
warning: "#ffc107",
|
|
|
|
|
danger: "#dc3545",
|
|
|
|
|
info: "#17a2b8",
|
|
|
|
|
},
|
|
|
|
|
fontFamily: {
|
|
|
|
|
sans: ["Inter", "sans-serif"],
|
|
|
|
|
heading: ["Bebas Neue", "sans-serif"],
|
|
|
|
|
mono: ["Source Code Pro", "monospace"],
|
|
|
|
|
},
|
|
|
|
|
spacing: {
|
|
|
|
|
"72": "18rem",
|
|
|
|
|
"84": "21rem",
|
|
|
|
|
"96": "24rem",
|
|
|
|
|
},
|
|
|
|
|
borderRadius: {
|
|
|
|
|
xl: "1rem",
|
|
|
|
|
"2xl": "2rem",
|
|
|
|
|
"3xl": "3rem",
|
|
|
|
|
},
|
|
|
|
|
boxShadow: {
|
|
|
|
|
outline: "0 0 0 3px rgba(0, 48, 138, 0.5)",
|
|
|
|
|
solid: "2px 2px 0 0 rgba(0, 0, 0, 0.2)",
|
|
|
|
|
glow: "0 0 8px rgba(230, 180, 0, 0.8)",
|
|
|
|
|
inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.15)",
|
|
|
|
|
"elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
|
|
|
|
|
"elevation-2": "0 2px 4px 0 rgba(0, 0, 0, 0.15)",
|
|
|
|
|
"elevation-3": "0 4px 8px 0 rgba(0, 0, 0, 0.2)",
|
|
|
|
|
"elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.25)",
|
|
|
|
|
"elevation-5": "0 16px 32px 0 rgba(0, 0, 0, 0.3)",
|
|
|
|
|
panel: "0 4px 6px -1px rgba(0, 48, 138, 0.1), 0 2px 4px -2px rgba(0, 48, 138, 0.1)",
|
|
|
|
|
button: "0 2px 4px rgba(0, 48, 138, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.1)",
|
|
|
|
|
card: "0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08)",
|
|
|
|
|
modal: "0 8px 32px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.15)",
|
|
|
|
|
},
|
|
|
|
|
animation: {
|
|
|
|
|
"pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
|
|
|
|
|
"spin-slow": "spin 3s linear infinite",
|
|
|
|
|
},
|
|
|
|
|
transitionDuration: {
|
|
|
|
|
"2000": "2000ms",
|
|
|
|
|
"3000": "3000ms",
|
|
|
|
|
},
|
|
|
|
|
screens: {
|
|
|
|
|
"3xl": "1920px",
|
|
|
|
|
"4xl": "2560px",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
plugins: [],
|
|
|
|
|
};
|
