text: const theme = require('@ky-is/tailwind-color-palette')
  const darkMode = require('tailwindcss-dark-mode')
  
  module.exports = {
    purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    darkMode: 'media', // or 'media' or 'class'
    theme: {
      darkSelector: ".dark-mode",
      colors: theme('#bcc740', {
        ui: true,
        grayscale: true,
        colorscale: [ '100', '200', '300', '400', '500', '600', '700', '800', '900' ]
      }),
      minWidth: {
        '0': '0',
        '1/4': '25%',
        '1/2': '50%',
        '3/4': '75%',
        'full': '100%',
      },
      minHeight: {
        '0': '0',
        '1/4': '25%',
        '1/2': '50%',
        '3/4': '75%',
        'full': '100%',
      },
      extend: {},
    },
    variants: {
      backgroundColor: [
        "dark",
        "dark-hover",
        "dark-group-hover",
        "dark-even",
        "dark-odd"
      ],
      borderColor: ["dark", "dark-focus", "dark-focus-within"],
      textColor: ["dark", "dark-hover", "dark-active"]
    },,
    plugins: [
      darkMode()
    ],
  }
  