const colors = require('tailwindcss/colors')
delete colors.inherit
delete colors.current
delete colors.transparent
delete colors.black
delete colors.white
delete colors.lightBlue
delete colors.warmGray
delete colors.trueGray
delete colors.coolGray
delete colors.blueGray

const randomPrimary = Object.values(colors)[Math.floor(Math.random()*Object.values(colors).length)];
const randomSurface = Object.values(colors)[Math.floor(Math.random()*Object.values(colors).length)];
export default {
    darkMode: 'class', // This enables dark mode based on the presence of the "dark" class in the HTML tag
    content: [
        "presets/**/*.{js,vue,ts}" // this is optional if you are using @nuxtjs/tailwindcss
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    ...randomPrimary,
                    DEFAULT: randomPrimary[100]
                },
                surface: randomSurface
            }
        }
    }
}