f
This commit is contained in:
114
tailwind.config.js
Normal file
114
tailwind.config.js
Normal file
@@ -0,0 +1,114 @@
|
||||
/** @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: [],
|
||||
};
|
||||
Reference in New Issue
Block a user