mirror of
https://github.com/labring/laf.git
synced 2026-01-25 16:07:45 +00:00
e8b838090a
* feat(web): support github login * chore(web): compress picture size * refactor(web): init providers at begin * refactor * refactor
142 lines
3.1 KiB
JavaScript
142 lines
3.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: "class",
|
|
content: ["./index.html", "./src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
screens: {
|
|
sm: "480px",
|
|
md: "768px",
|
|
lg: "976px",
|
|
xl: "1440px",
|
|
"2xl": "1680px",
|
|
phone: { min: "320px", max: "480px" },
|
|
laptop: { min: "1024px", max: "1440px" },
|
|
pc: { min: "1441px" },
|
|
},
|
|
boxShadow: {
|
|
DEFAULT: "0px 4px 10px rgba(191, 202, 213, 0.25)",
|
|
},
|
|
fontSize: {
|
|
base: "12px",
|
|
lg: "14px",
|
|
xl: "16px",
|
|
"2xl": "18px",
|
|
"3xl": "28px",
|
|
"4xl": "38px",
|
|
"5xl": "48px",
|
|
"6xl": "60px",
|
|
},
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
100: "#E6F6F6",
|
|
200: "#CCEEED",
|
|
300: "#99DDDB",
|
|
400: "#66CBCA",
|
|
500: "#33BABB",
|
|
600: "#00A9A6",
|
|
700: "#008F8D",
|
|
800: "#006B6A",
|
|
900: "#004846",
|
|
1000: "#002423",
|
|
},
|
|
second: "#717D8A",
|
|
third: {
|
|
500: "#EC892D",
|
|
100: "#EC892D26",
|
|
},
|
|
lafWhite: {
|
|
100: "#FEFEFE",
|
|
200: "#FDFDFE",
|
|
300: "#FBFBFC",
|
|
400: "#F8FAFB",
|
|
500: "#F6F8F9",
|
|
600: "#F4F6F8",
|
|
700: "#C3C5C6",
|
|
800: "#929495",
|
|
900: "#626263",
|
|
1000: "#313132",
|
|
},
|
|
lafDark: {
|
|
100: "#1a202c",
|
|
200: "#202631",
|
|
300: "#303541",
|
|
400: "#404551",
|
|
500: "#505561",
|
|
600: "#606571",
|
|
700: "#707581",
|
|
800: "#808591",
|
|
900: "#9095A1",
|
|
1000: "#A0A5B1",
|
|
},
|
|
grayModern: {
|
|
100: "#EFF0F1",
|
|
200: "#DEE0E2",
|
|
300: "#BDC1C5",
|
|
400: "#9CA2A8",
|
|
500: "#7B838B",
|
|
600: "#5A646E",
|
|
700: "#485058",
|
|
800: "#363C42",
|
|
900: "#24282C",
|
|
1000: "#121416",
|
|
},
|
|
grayIron: {
|
|
100: "#F3F3F3",
|
|
200: "#E6E6E7",
|
|
300: "#CDCDD0",
|
|
400: "#B4B4B8",
|
|
500: "#9B9BA1",
|
|
600: "#828289",
|
|
700: "#68686E",
|
|
800: "#4E4E52",
|
|
900: "#343437",
|
|
1000: "#1A1A1B",
|
|
},
|
|
error: {
|
|
100: "#FDECEE",
|
|
200: "#FFD6DB",
|
|
400: "#FF8492",
|
|
500: "#F16979",
|
|
600: "#ED4458",
|
|
},
|
|
warn: {
|
|
100: "#FFF2EC",
|
|
400: "#FDB08A",
|
|
600: "#FB7C3C",
|
|
700: "#C96330",
|
|
},
|
|
rose: {
|
|
100: "#FDEAF1",
|
|
500: "#ED598E",
|
|
},
|
|
purple: {
|
|
300: "#DBBDE9",
|
|
400: "#C99CDF",
|
|
600: "#A55AC9",
|
|
700: "#7167AA",
|
|
},
|
|
adora: {
|
|
100: "#F2F1FB",
|
|
200: "#E6E3F7",
|
|
600: "#8172D8",
|
|
},
|
|
blue: {
|
|
100: "#EBF7FD",
|
|
400: "#86CEF5",
|
|
500: "#5EBDF2",
|
|
600: "#36ADEF",
|
|
700: "#2B8ABF",
|
|
},
|
|
frostyNightfall: {
|
|
200: "#EAEBF0",
|
|
300: "#D5D6E1",
|
|
600: "#9699B4",
|
|
700: "#787A90",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|