103 lines
4.7 KiB
JavaScript
103 lines
4.7 KiB
JavaScript
import cssMacro from "weapp-tailwindcss/css-macro";
|
||
/** @type {import('tailwindcss').Config} */
|
||
module.exports = {
|
||
content: ["./index.html", "./src/**/*.{html,js,ts,jsx,tsx,vue}"],
|
||
theme: {
|
||
colors: {
|
||
white: "var(--color-white, #ffffff)",
|
||
black: "var(--color-black, #000000)",
|
||
main: "var(--color-main, #1D2129)",
|
||
content: "var(--color-content, #666666)",
|
||
muted: "var(--color-muted, #999999)",
|
||
page: "var(--color-bg, #F9FAFB)",
|
||
light: "var(--color-light, #E2E2E2)",
|
||
disabled: "var(--color-disabled, #c8c9cc)",
|
||
minor: "var(--color-minor, #0d0d0d)",
|
||
"btn-text": "var(--color-btn-text, white)",
|
||
voice: "var(--color-voice, #4AA061)",
|
||
primary: {
|
||
DEFAULT: "var(--color-primary, #0065FB)",
|
||
"light-1": "var(--color-primary-light-1, #1A74FB)",
|
||
"light-2": "var(--color-primary-light-2, #3383FC)",
|
||
"light-3": "var(--color-primary-light-3, #4D93FC)",
|
||
"light-4": "var(--color-primary-light-4, #66A2FD)",
|
||
"light-5": "var(--color-primary-light-5, #80B1FD)",
|
||
"light-6": "var(--color-primary-light-6, #99C0FE)",
|
||
"light-7": "var(--color-primary-light-7, #B3D0FE)",
|
||
"light-8": "var(--color-primary-light-8, #CCDFFF)",
|
||
"light-9": "var(--color-primary-light-9, #E6EFFF)",
|
||
"dark-1": "var(--color-primary-dark-1, #005BE2)",
|
||
"dark-2": "var(--color-primary-dark-2, #0051C8)",
|
||
"dark-3": "var(--color-primary-dark-3, #0047AF)",
|
||
"dark-4": "var(--color-primary-dark-4, #003D96)",
|
||
"dark-5": "var(--color-primary-dark-5, #00337D)",
|
||
"dark-6": "var(--color-primary-dark-6, #002964)",
|
||
"dark-7": "var(--color-primary-dark-7, #001F4B)",
|
||
"dark-8": "var(--color-primary-dark-8, #001532)",
|
||
"dark-9": "var(--color-primary-dark-9, #000B19)",
|
||
},
|
||
success: {
|
||
DEFAULT: "var(--color-success, #19be6b)",
|
||
"light-3": "var(--color-success-light-3, rgb(94, 210, 151))",
|
||
"light-5": "var(--color-success-light-5, rgb(140, 223, 181))",
|
||
"light-7": "var(--color-success-light-7, rgb(186, 236, 211))",
|
||
"light-9": "var(--color-success-light-9, rgb(232, 249, 240))",
|
||
"dark-2": "var(--color-success-dark-2, rgb(20, 152, 86))",
|
||
},
|
||
warning: {
|
||
DEFAULT: "var(--color-warning, #ff9900)",
|
||
"light-3": "var(--color-warning-light-3, rgb(255, 184, 77))",
|
||
"light-5": "var(--color-warning-light-5, rgb(255, 204, 128))",
|
||
"light-7": "var(--color-warning-light-7, rgb(255, 224, 179))",
|
||
"light-9": "var(--color-warning-light-9, rgb(255, 245, 230))",
|
||
"dark-2": "var(--color-warning-dark-2, rgb(204, 122, 0))",
|
||
},
|
||
error: {
|
||
DEFAULT: "var(--color-error, #FB0000)",
|
||
"light-3": "var(--color-error-light-3, rgb(255, 107, 119))",
|
||
"light-5": "var(--color-error-light-5, rgb(255, 150, 158))",
|
||
"light-7": "var(--color-error-light-7, rgb(255, 192, 197))",
|
||
"light-9": "var(--color-error-light-9, rgb(255, 234, 236))",
|
||
"dark-2": "var(--color-error-dark-2, rgb(204, 35, 48))",
|
||
},
|
||
info: {
|
||
DEFAULT: "var(--color-info, #909399)",
|
||
"light-3": "var(--color-info-light-3, rgb(177, 179, 184))",
|
||
"light-5": "var(--color-info-light-5, rgb(200, 201, 204))",
|
||
"light-7": "var(--color-info-light-7, rgb(222, 223, 224))",
|
||
"light-9": "var(--color-info-light-9, rgb(244, 244, 245))",
|
||
"dark-2": "var(--color-info-dark-2, rgb(115, 118, 122))",
|
||
},
|
||
},
|
||
fontSize: {
|
||
xs: "24rpx",
|
||
sm: "26rpx",
|
||
base: "28rpx",
|
||
lg: "30rpx",
|
||
xl: "32rpx",
|
||
"2xl": "34rpx",
|
||
"3xl": "38rpx",
|
||
"4xl": "40rpx",
|
||
"5xl": "44rpx",
|
||
},
|
||
fontFamily: {
|
||
sans: ["Source Han Sans CN", "Helvetica Neue", "Arial", "sans-serif"],
|
||
},
|
||
},
|
||
corePlugins: {
|
||
// 小程序不需要 preflight，因为这主要是给 h5 的，如果你要同时开发小程序和 h5 端，你应该使用环境变量来控制它
|
||
preflight: false,
|
||
},
|
||
plugins: [
|
||
cssMacro({
|
||
variantsMap: {
|
||
wx: "MP-WEIXIN",
|
||
"-wx": {
|
||
value: "MP-WEIXIN",
|
||
negative: true,
|
||
},
|
||
},
|
||
}),
|
||
],
|
||
};
|