Files
Cloud-Home/tailwind.config.ts
RhenCloud 1cf3fce70e chore: migrate to Bun, update deps and add Nuxt Fonts
- Replace pnpm with Bun (bun.lock, remove pnpm-lock.yaml)
- Add @nuxt/fonts module and configure Iconify icons
- Add NUXT_OG_IMAGE_SECRET for multi-instance OG image signing
- Update dependencies to latest versions
- Simplify Tailwind font configuration
- Add trustedDependencies and overrides for unhead packages
2026-07-20 03:05:03 +08:00

45 lines
1.3 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"', "ui-sans-serif", "system-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;