Typography+dark mode

tailwind.config.js

module.exports = {
  darkMode: 'class',
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
  purge: {
    content: ['./templates/**/*.html', './static/src/js/**/*.js', './safelist.txt'],
    keyframes: true,
  },
  theme: {
    extend: {
      colors: {
        orange: colors.orange,
      },
    },
    typography: (theme) => ({
    }),
  },
  variants: {
    textColor: ['responsive', 'hover', 'focus', 'visited', 'dark'],
    extend: {
      typography: ['dark'],
    },
  },
  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
};