forked from the-distro/floral.systems
71 lines
1.4 KiB
JavaScript
71 lines
1.4 KiB
JavaScript
|
import colors from "tailwindcss/colors";
|
||
|
|
||
|
/** @type {import("tailwindcss").Config} */
|
||
|
export default {
|
||
|
content: ["./src/**/*.{html,js,svelte,ts}"],
|
||
|
theme: {
|
||
|
extend: {
|
||
|
fontFamily: {
|
||
|
aladin: ["Aladin", "sans-serif"]
|
||
|
}
|
||
|
},
|
||
|
colors: {
|
||
|
transparent: "transparent",
|
||
|
current: "currentColor",
|
||
|
black: colors.black,
|
||
|
white: colors.white,
|
||
|
violet: {
|
||
|
50: "#f3f4fb",
|
||
|
100: "#e3e6f6",
|
||
|
200: "#ced5ef",
|
||
|
300: "#acb8e4",
|
||
|
400: "#8495d6",
|
||
|
500: "#6775ca",
|
||
|
600: "#5158bb",
|
||
|
700: "#494bac",
|
||
|
800: "#41408d",
|
||
|
900: "#383870",
|
||
|
950: "#252546"
|
||
|
},
|
||
|
lavender: {
|
||
|
50: "#fff4ff",
|
||
|
100: "#fee7ff",
|
||
|
200: "#fdcfff",
|
||
|
300: "#fea4fe",
|
||
|
400: "#fc76fa",
|
||
|
500: "#f342f0",
|
||
|
600: "#d722d0",
|
||
|
700: "#b318aa",
|
||
|
800: "#921689",
|
||
|
900: "#77186e",
|
||
|
950: "#500248"
|
||
|
},
|
||
|
'spring': {
|
||
|
'50': '#f5faf3',
|
||
|
'100': '#e7f5e3',
|
||
|
'200': '#d0e9c9',
|
||
|
'300': '#9cd08f',
|
||
|
'400': '#7dbb6d',
|
||
|
'500': '#599f48',
|
||
|
'600': '#458237',
|
||
|
'700': '#39672e',
|
||
|
'800': '#305328',
|
||
|
'900': '#294423',
|
||
|
'950': '#12240f',
|
||
|
},
|
||
|
},
|
||
|
screens: {
|
||
|
sm: "640px",
|
||
|
md: "768px",
|
||
|
lg: "1024px"
|
||
|
// >=xl removed as site isn't
|
||
|
// that dense https://tailwindcss.com/docs/screens
|
||
|
}
|
||
|
},
|
||
|
plugins: [],
|
||
|
safelist: [
|
||
|
// this is pretty sensible, and depended on in src/routes/colors/Color.svelte
|
||
|
{ pattern: /bg-.+/ }
|
||
|
]
|
||
|
};
|