Files
OSIT-AE-App-Svelte/tailwind.config.ts
2024-10-07 15:29:20 -04:00

77 lines
1.5 KiB
TypeScript

import { join } from 'path'
import type { Config } from 'tailwindcss'
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { skeleton } from '@skeletonlabs/tw-plugin'
import { myCustomTheme } from './osit_ae_theme_3'
export default {
darkMode: 'class',
content: [
'./src/**/*.{html,js,svelte,ts}',
"./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
join(require.resolve('@skeletonlabs/skeleton'),
'../**/*.{html,js,svelte,ts}')
],
theme: {
extend: {
colors: {
// flowbite-svelte
primary: { 50: '#FFF5F2', 100: '#FFF1EE', 200: '#FFE4DE', 300: '#FFD5CC', 400: '#FFBCAD', 500: '#FE795D', 600: '#EF562F', 700: '#EB4F27', 800: '#CC4522', 900: '#A5371B'},
},
opacity: {
97: '.97',
99: '.99',
}
// listStyleType: {
// none: 'none',
// disc: 'disc',
// decimal: 'decimal',
// square: 'square',
// roman: 'upper-roman',
// },
},
},
plugins: [
require('flowbite/plugin'),
forms,
typography,
skeleton({
themes: {
custom: [
myCustomTheme
],
preset: [
{
name: 'gold-nouveau',
enhancements: true,
},
{
name: 'hamlindigo',
enhancements: true,
},
{
name: 'modern',
enhancements: true,
},
{
name: 'rocket',
enhancements: true,
},
{
name: 'wintry',
enhancements: true,
},
],
},
}),
],
} satisfies Config;
// module.exports = config;