tailwind.config.js

module.exports = {
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    extend: {
      zIndex: {
        '-1': '-1',
        '-2': '-2',
        '1': '1'
       }
    },
    gradientColorStops: theme => ({
      ...theme('colors'),
      'start': '#10161D',
      'middle': '#161E26',
      'end': '#1D262F',
    }),
    backgroundColor: {
      'block': '#DFEBF6',
      'dblock':'#10161D',
      'dtag': '#3A5F74',
      'dcontent': '#0E141B',
      'dbnewblock':'#1D262F'
    },
    textColor: {
      'highlight': '#4433ff',
      'grey': 'rgb(102,102,102)',
      'base': '#2A2A2A',
      'title': '#E60067',
      'notes-title': '#21232c',
      'notes': '#0a0c10',
      'notes-grey': '#636363',
      'dbase':'#FFFFFF'
    },
    width: {
      '1024px': '1024px',
      '200px': '200px',
      '100%': '100%',
      '90%': '90%',
      '240px': '240px',
      'screen': '100vw'
    },
    lineHeight: {
      '12': '3rem',
      '6': '1.5rem'
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}