mirror of
https://github.com/RhenCloud/Cloud-Home.git
synced 2026-01-22 17:39:07 +08:00
52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
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;
|