83 lines
1.8 KiB
JavaScript
83 lines
1.8 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: false, // 關閉深色模式
|
|
darkMode: "class",
|
|
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: {
|
|
DEFAULT: "1rem",
|
|
sm: "1rem",
|
|
md: "1.25rem",
|
|
lg: "1.5rem",
|
|
xl: "2rem",
|
|
"2xl": "2.5rem",
|
|
},
|
|
screens: {
|
|
// 讓 container 在各斷點對齊自訂的寬度
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
},
|
|
},
|
|
screens: {
|
|
xs: "480px",
|
|
sm: "640px",
|
|
md: "768px",
|
|
lg: "1024px",
|
|
xl: "1280px",
|
|
"2xl": "1536px",
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
// class="font-noto"
|
|
noto: ["Noto Sans TC", "sans-serif"],
|
|
// class="font-nats"
|
|
nats: ["NATS-Regular", "sans-serif"],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
green: { DEFAULT: "#34D5C8", light: "#C4FBE5", dark: "#0CA99C" },
|
|
red: "#FF8678",
|
|
purple: {
|
|
DEFAULT: "#A5BEFF",
|
|
light: "#D5E1FF",
|
|
dark: "#7089CA",
|
|
},
|
|
yellow: {
|
|
DEFAULT: "#E1F391",
|
|
dark: "#C4E920",
|
|
},
|
|
black: "#424242",
|
|
gray: {
|
|
DEFAULT: "#828282",
|
|
lighter: "#EEEEEE",
|
|
light: "#E9E9E9",
|
|
dark: "#D2D2D2",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [require("daisyui")],
|
|
daisyui: {
|
|
themes: [
|
|
{
|
|
mytheme: {
|
|
primary: "#34D5C8",
|
|
secondary: "#C4FBE5",
|
|
accent: "#A5BEFF",
|
|
neutral: "#828282",
|
|
"base-100": "#ffffff",
|
|
warning: "FF8678",
|
|
},
|
|
},
|
|
"light",
|
|
],
|
|
base: false,
|
|
},
|
|
};
|