You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
2.5 KiB
113 lines
2.5 KiB
import flowbite from "flowbite/plugin"; |
|
import plugin from "tailwindcss/plugin"; |
|
|
|
/** @type {import('tailwindcss').Config}*/ |
|
const config = { |
|
content: [ |
|
"./src/**/*.{html,js,svelte,ts}", |
|
"./node_modules/flowbite/**/*.js", |
|
"./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}", |
|
], |
|
|
|
theme: { |
|
extend: { |
|
colors: { |
|
highlight: '#f9f6f1', |
|
primary: { |
|
0: '#efe6dc', |
|
50: '#decdb9', |
|
100: '#d6c1a8', |
|
200: '#c6a885', |
|
300: '#b58f62', |
|
400: '#ad8351', |
|
500: '#9c7649', |
|
600: '#795c39', |
|
700: '#574229', |
|
800: '#342718', |
|
900: '#231a10', |
|
950: '#17110A', |
|
1000: '#110d08', |
|
}, |
|
success: { |
|
50: '#e3f2e7', |
|
100: '#c7e6cf', |
|
200: '#a2d4ae', |
|
300: '#7dbf8e', |
|
400: '#5ea571', |
|
500: '#4e8e5f', |
|
600: '#3e744c', |
|
700: '#305b3b', |
|
800: '#22412a', |
|
900: '#15281b', |
|
}, |
|
info: { |
|
50: '#e7eff6', |
|
100: '#c5d9ea', |
|
200: '#9fbfdb', |
|
300: '#7aa5cc', |
|
400: '#5e90be', |
|
500: '#4779a5', |
|
600: '#365d80', |
|
700: '#27445d', |
|
800: '#192b3a', |
|
900: '#0d161f', |
|
}, |
|
warning: { |
|
50: '#fef4e6', |
|
100: '#fde4bf', |
|
200: '#fcd18e', |
|
300: '#fbbc5c', |
|
400: '#f9aa33', |
|
500: '#f7971b', |
|
600: '#c97a14', |
|
700: '#9a5c0e', |
|
800: '#6c3e08', |
|
900: '#3e2404', |
|
}, |
|
danger: { |
|
50: '#fbeaea', |
|
100: '#f5cccc', |
|
200: '#eba5a5', |
|
300: '#e17e7e', |
|
400: '#d96060', |
|
500: '#c94848', |
|
600: '#a53939', |
|
700: '#7c2b2b', |
|
800: '#521c1c', |
|
900: '#2b0e0e', |
|
}, |
|
}, |
|
listStyleType: { |
|
'upper-alpha': 'upper-alpha', // Uppercase letters |
|
'lower-alpha': 'lower-alpha', // Lowercase letters |
|
} |
|
}, |
|
}, |
|
|
|
plugins: [ |
|
flowbite(), |
|
plugin(function({ addUtilities, matchUtilities }) { |
|
addUtilities({ |
|
'.content-visibility-auto': { |
|
'content-visibility': 'auto', |
|
}, |
|
'.contain-size': { |
|
contain: 'size', |
|
}, |
|
}); |
|
|
|
matchUtilities({ |
|
'contain-intrinsic-w-*': value => ({ |
|
width: value, |
|
}), |
|
'contain-intrinsic-h-*': value => ({ |
|
height: value, |
|
}) |
|
}); |
|
}) |
|
], |
|
|
|
darkMode: 'class', |
|
}; |
|
|
|
module.exports = config;
|
|
|