tailwind.config.js

/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
  content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['SatoshiVariable', ...defaultTheme.fontFamily.sans],
        title: ['Poppins', ...defaultTheme.fontFamily.sans],
      },
      screens: {
        xs: '475px',
        buttonsok: '355px',
        stoplgtranslation: '1330px',
        gridok: '896px',
        nextprevok: '1096px',
        grid35ok: '1268px',
        grid12ok: '1422px',
        dualbuttonok: '540px',
        bardualok: '430px',
      },
      colors: {
        side: {
          100: '#f7fafc',
          200: '#edf2f7',
          900: '#1a202c',
        },
        'side-purple': {
          100: '#d2c2f6',
          200: '#b499f0',
          300: '#a584ec',
          400: '#9670e9',
          border: '#7447d4',
          600: '#6932e0',
          700: '#5428b3',
        },
        material: 'rgb(31,32,35)',
      },
    },
  },
  plugins: [require('tailwind-scrollbar')],
};