tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        /* ### Primary */
        /* 'Paper-Gradient': "hsl(230, 89%, 62%) to hsl(230, 89%, 65%)", */
        /* 'Scissors-Gradient': "hsl(39, 89%, 49%) to hsl(40, 84%, 53%)", */
        /* 'Rock-Gradient': "hsl(349, 71%, 52%) to hsl(349, 70%, 56%)", */

        'PaperA': "#2a46c1",
        'PaperB': "hsl(230, 89%, 65%)",

        'ScissorsA': "#c86d1a",
        'ScissorsB': "hsl(40, 84%, 53%)",

        'RockA': "#9d1833",
        'RockB': "hsl(349, 70%, 56%)",


        'bgCard': "#ededef",
        'grayShadow': "#b8bfd2",

        'Lizard-Gradient': "hsl(261, 73%, 60%) to hsl(261, 72%, 63%)",
        'Cyan': "hsl(189, 59%, 53%) to hsl(189, 58%, 57%)",
        'scoreBg': "#fafafa",
        'textScore': "#57556a",

        /*  ### Neutral */
        'Dark-Text': "hsl(229, 25%, 31%)",
        'Score-Text': "hsl(229, 64%, 46%)",
        'Header-Outline': "hsl(217, 16%, 45%)",
      }
    },
  },
  plugins: [],
}