tailwind.config.js

/** @type {import('tailwindcss').Config} */

module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        froly: {
          '50': '#fdf3f3',
          '100': '#fde3e3',
          '200': '#fbcecd',
          '300': '#f7abaa',
          '400': '#f28482',
          '500': '#e6504d',
          '600': '#d3322f',
          '700': '#b12724',
          '800': '#922422',
          '900': '#7a2422',
          DEFAULT: '#f28482',
        },
        cascade: {
          '50': '#f5f8f7',
          '100': '#dfe8e5',
          '200': '#bed1cb',
          '300': '#84a59d',
          '400': '#70918a',
          '500': '#557770',
          '600': '#435e5a',
          '700': '#384d49',
          '800': '#303f3d',
          '900': '#2b3635',
          DEFAULT: '#84a59d',
        },
        'mandys-pink': {
          '50': '#fcf5f4',
          '100': '#fae9e6',
          '200': '#f5cac3',
          '300': '#f1b9b0',
          '400': '#e79082',
          '500': '#d96c5a',
          '600': '#c5503d',
          '700': '#a54030',
          '800': '#89382b',
          '900': '#72342a',
          DEFAULT: '#f5cac3',
        },
        'white-linen': {
          '50': '#fbf7f1',
          '100': '#f7ede2',
          '200': '#ecd4bc',
          '300': '#dfb592',
          '400': '#d29165',
          '500': '#c87647',
          '600': '#ba613c',
          '700': '#9b4c33',
          '800': '#7d3f2f',
          '900': '#653529',
          DEFAULT: '#f7ede2',
        },
        rajah: {
          '50': '#fef9ee',
          '100': '#fdf1d7',
          '200': '#fbe0ad',
          '300': '#f6bd60',
          '400': '#f3a644',
          '500': '#f08c1f',
          '600': '#e17115',
          '700': '#bb5613',
          '800': '#944518',
          '900': '#783a16',
          DEFAULT: '#f6bd60',
        },
        'background-primary': '#00020c',
        'background-secondary': '#001325',
        'text-color-primary': '#f4f4f4',
        'text-color-secondary': '#403b3b',
        'text-color-tertiary': '#8c8c8c',
      },
      fontFamily: {
    starjedi: ["starjedi"],
  }
    },
  },
  plugins: [
    require('@tailwindcss/line-clamp'),
    require('tailwind-scrollbar'),
  ],
}