tailwind.config.js

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
const flumensTailwind = require('@flumens/tailwind/tailwind.config.js');

const secondary = {
  // https://www.tailwindshades.com/#color=29.1588785046729%2C100%2C41.96078431372549&step-up=11&step-down=9&hue-shift=0&name=bamboo&base-stop=5&v=1&overrides=e30%3D
  DEFAULT: '#D66800',
  50: '#FFE9D3',
  100: '#FFDAB7',
  200: '#FFBD7F',
  300: '#FFA147',
  400: '#FF840F',
  500: '#D66800',
  600: '#A85200',
  700: '#7A3B00',
  800: '#4C2500',
  900: '#1E0F00',
  950: '#070400',
};

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/**/*.{ts,tsx}',
    'node_modules/@flumens/ionic/dist/**/*.{js,ts,jsx,tsx}',
    'node_modules/@flumens/tailwind/dist/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      ...flumensTailwind.theme?.extend,

      colors: {
        primary: {
          // https://www.tailwindshades.com/#color=269.433962264151%2C22.746781115879823%2C45.68627450980392&step-up=9&step-down=12&hue-shift=0&name=trendy-pink&base-stop=6&v=1&overrides=e30%3D
          DEFAULT: '#424733',
          50: '#F4F5F1',
          100: '#E5E7DE',
          200: '#C7CCB8',
          300: '#A8B091',
          400: '#8A946A',
          500: '#666E4F',
          600: '#424733',
          700: '#313526',
          800: '#212319',
          900: '#10120D',
          950: '#080906',
        },

        secondary,

        tertiary: {
          // https://www.tailwindshades.com/#color=203.89830508474577%2C100%2C46.27450980392157&step-up=9&step-down=12&hue-shift=0&name=azure-radiance&base-stop=6&v=1&overrides=e30%3D
          DEFAULT: '#008EEC',
          50: '#E9F6FF',
          100: '#D3EDFF',
          200: '#A5DBFF',
          300: '#77C9FF',
          400: '#49B6FF',
          500: '#1BA4FF',
          600: '#008EEC',
          700: '#0069AF',
          800: '#004472',
          900: '#002034',
          950: '#000D16',
        },

        success: {
          // https://www.tailwindshades.com/#color=128.25396825396825%2C100%2C32&step-up=8&step-down=11&hue-shift=0&name=fun-green&base-stop=7&v=1&overrides=e30%3D
          DEFAULT: '#00A316',
          50: '#ADFFB9',
          100: '#99FFA7',
          200: '#70FF84',
          300: '#47FF61',
          400: '#1FFF3D',
          500: '#00F522',
          600: '#00CC1C',
          700: '#00A316',
          800: '#006B0F',
          900: '#003307',
          950: '#001703',
        },

        warning: secondary,

        danger: {
          // https://www.tailwindshades.com/#color=0%2C85.36585365853658%2C59.80392156862745&step-up=8&step-down=11&hue-shift=0&name=flamingo&base-stop=5&v=1&overrides=e30%3D
          DEFAULT: '#F04141',
          50: '#FDEBEB',
          100: '#FCD8D8',
          200: '#F9B2B2',
          300: '#F68D8D',
          400: '#F36767',
          500: '#F04141',
          600: '#E71212',
          700: '#B30E0E',
          800: '#7F0A0A',
          900: '#4B0606',
          950: '#310404',
        },
      },
    },
  },
  plugins: flumensTailwind.plugins,
};