Files
website/tailwind.config.ts

24 lines
984 B
TypeScript

import type { Config } from 'tailwindcss'
import { ColorsTheme } from './types'
export default {
safelist: [
// Theme text colors
...Object.values(ColorsTheme).map(color => `text-${color}-500`),
...Object.values(ColorsTheme).map(color => `!text-${color}-500`),
...Object.values(ColorsTheme).map(color => `hover:text-${color}-500`),
...Object.values(ColorsTheme).map(color => `group-hover:text-${color}-500`),
...'bg-black dark:bg-white dark:text-black text-white'.split(' '),
// Theme background colors
...Object.values(ColorsTheme).map(color => `bg-${color}-500`),
...Object.values(ColorsTheme).map(color => `hover:bg-${color}-500`),
...'text-black dark:text-white'.split(' '),
// Theme border colors
...Object.values(ColorsTheme).map(color => `border-${color}-500`),
...Object.values(ColorsTheme).map(color => `hover:border-${color}-500`),
...'border-black dark:border-white'.split(' '),
],
} satisfies Partial<Config>