36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import type { Config } from "tailwindcss";
|
||
|
||
// Miuix design tokens (Cyrene v2 frontend). Tailwind v4 is CSS-first, so the
|
||
// canonical token source is src/design/tokens.css (@theme). This config mirrors
|
||
// the same token values for any tooling that reads a JS config, and is loaded by
|
||
// the CSS via `@config "../../tailwind.config.ts"`. The six Miuix cores are
|
||
// encoded directly in the values below.
|
||
const config: Config = {
|
||
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
// 多层 Surface：5 级色阶 #161616 → #0C0C0C → #1C1C1C → #242424 → #2C2C2C
|
||
surface: {
|
||
D1: "#161616",
|
||
D2: "#0C0C0C",
|
||
D3: "#1C1C1C",
|
||
D4: "#242424",
|
||
D5: "#2C2C2C",
|
||
},
|
||
},
|
||
borderRadius: {
|
||
// Smooth Corner：贝塞尔连续曲率 k=0.55 的圆角近似
|
||
smooth: "0.625rem",
|
||
glass: "1rem",
|
||
},
|
||
transitionTimingFunction: {
|
||
// 弹簧动效 cubic-bezier(0.34,1.56,0.64,1)，仅用于交互组件
|
||
spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
|
||
},
|
||
},
|
||
},
|
||
};
|
||
|
||
export default config;
|