Cloud-Home/tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
    content: ["./app/**/*.{vue,js,ts}", "./app/components/**/*.vue", "./app/pages/**/*.vue", "./app/layouts/**/*.vue"],
    theme: {
        extend: {
            colors: {
                // 自定义颜色变量（对应现有的 CSS 变量）
                primary: "rgb(124, 193, 255)",
                accent: "rgb(124, 193, 255)",
                "surface-primary": "rgb(15, 22, 41)",
                "surface-secondary": "rgb(27, 43, 75)",
                "text-primary": "rgb(232, 238, 252)",
                "text-secondary": "rgb(159, 172, 200)",
                "text-muted": "rgb(104, 120, 152)",
            },
            fontFamily: {
                sans: ['"Inter"', "system-ui", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', "sans-serif"],
            },
            spacing: {
                "safe-x": "max(1rem, env(safe-area-inset-left))",
                "safe-y": "max(1rem, env(safe-area-inset-top))",
            },
            boxShadow: {
                "sm-dark": "0 4px 12px rgba(0, 0, 0, 0.15)",
                "md-dark": "0 8px 24px rgba(0, 0, 0, 0.18)",
                "lg-dark": "0 12px 32px rgba(0, 0, 0, 0.22)",
                "xl-dark": "0 16px 48px rgba(0, 0, 0, 0.25)",
            },
            backgroundImage: {
                "gradient-dark": "radial-gradient(circle at 20% 20%, #1b2b4b, #0f1629)",
            },
            backdropBlur: {
                xs: "2px",
            },
        },
    },
    plugins: [],
} satisfies Config;