module.exports = {
  darkMode: 'media',
  experimental: {
    darkModeVariant: true
  },
  purge: [
    './components/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}'
  ],
  theme: {
    extend: {},
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      gray: {
        darkest: '#181818',
        dark: '#202020',
        DEFAULT: '#4f4f4f',
        light: '#c0c0c0',
        lightest: '#efefef'
      }
    }
  },
  variants: {
    extend: {
      backgroundColor: ['checked'],
      borderColor: ['checked'],
      inset: ['checked'],
      zIndex: ['hover', 'active']
    }
  },
  plugins: [require('tailwindcss-dark-mode')()],
  future: {
    purgeLayersByDefault: true
  }
}