115 lines
3.5 KiB
JavaScript
115 lines
3.5 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html", // 如果是 Vite 项目
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// 主题色系
|
|
primary: {
|
|
DEFAULT: "#6BA8E5",
|
|
second: "#498AFE",
|
|
50: "#F0F7FD",
|
|
100: "#E1EFFB",
|
|
200: "#C3DFF7",
|
|
300: "#A5CFF3",
|
|
400: "#87BFF0",
|
|
500: "#6BA8E5",
|
|
600: "#709EC6",
|
|
700: "#547695",
|
|
800: "#384F63",
|
|
900: "#1C2732",
|
|
},
|
|
// 语义化颜色
|
|
success: {
|
|
DEFAULT: "#07c160",
|
|
50: "#f0f9f0",
|
|
100: "#e1f5e1",
|
|
200: "#c3ebc3",
|
|
300: "#a5e1a5",
|
|
400: "#87d787",
|
|
500: "#07c160",
|
|
600: "#059a4c",
|
|
700: "#047338",
|
|
800: "#024c24",
|
|
900: "#012510",
|
|
},
|
|
warning: {
|
|
DEFAULT: "#ff976a",
|
|
50: "#fff5f0",
|
|
100: "#ffebe1",
|
|
200: "#ffd7c3",
|
|
300: "#ffc3a5",
|
|
400: "#ffaf87",
|
|
500: "#ff976a",
|
|
600: "#cc7955",
|
|
700: "#995b40",
|
|
800: "#663d2a",
|
|
900: "#331f15",
|
|
},
|
|
danger: {
|
|
DEFAULT: "#ee0a24",
|
|
50: "#fdf2f2",
|
|
100: "#fce5e5",
|
|
200: "#f9caca",
|
|
300: "#f6b0b0",
|
|
400: "#f39595",
|
|
500: "#ee0a24",
|
|
600: "#be081d",
|
|
700: "#8f0616",
|
|
800: "#5f040e",
|
|
900: "#300207",
|
|
},
|
|
// 中性色
|
|
gray: {
|
|
50: "#fafafa",
|
|
100: "#f5f5f5",
|
|
200: "#e5e5e5",
|
|
300: "#d4d4d4",
|
|
400: "#a3a3a3",
|
|
500: "#737373",
|
|
600: "#525252",
|
|
700: "#404040",
|
|
800: "#262626",
|
|
900: "#171717",
|
|
},
|
|
// 文本颜色
|
|
text: {
|
|
primary: "#323233",
|
|
secondary: "#646566",
|
|
tertiary: "#969799",
|
|
},
|
|
// 背景颜色
|
|
background: {
|
|
DEFAULT: "#ffffff",
|
|
light: "#fafafa",
|
|
dark: "#f8f8f8",
|
|
},
|
|
// 边框颜色
|
|
border: "#ebedf0",
|
|
// 活跃状态颜色
|
|
active: "#f2f3f5",
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"Inter",
|
|
"-apple-system",
|
|
"BlinkMacSystemFont",
|
|
"Segoe UI",
|
|
"Roboto",
|
|
"Oxygen",
|
|
"Ubuntu",
|
|
"Cantarell",
|
|
"Fira Sans",
|
|
"Droid Sans",
|
|
"Helvetica Neue",
|
|
"sans-serif",
|
|
],
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|