2.0.2

⚠️ BREAKING CHANGES ⚠️

The config structure have changed in v2. Update your config accordingly.

theme: {
  scrollbar: theme => ({
    DEFAULT: {
      size: '10px',
      track: {
        background: theme('colors.gray.50'),
        darkBackground: theme('colors.green.500'),
      },
      thumb: {
        background: theme('colors.gray.300'),
        darkBackground: theme('colors.green.800'),
      },
      hover: {
        background: theme('colors.gray.600'),
        darkBackground: theme('colors.green.700'),
      },
    }
  }),
},

Previously in v1, the config structure is:

DEFAULT: {
  size: theme('spacing.1'),
  colors: {
    track: theme('colors.gray.300'),
    thumb: theme('colors.gray.100'),
    thumbHover: theme('colors.gray.600'),
  }
},