cc-core-cli/template/admin_v3/tailwind.config.js

Command Line Interface tool for generating project templates for the (Your Platform's Name) platform.

const { withOpacity, getTailwindColor } = require('./src/utils/color.ts')
/** @type {import("tailwindcss").Config} */

const colors = getTailwindColor()

module.exports = {
  content: [
    "./src/components/**/*.{js,ts,jsx,tsx}",
    "./src/pages/**/*.{js,ts,jsx,tsx}",
    "./src/hooks/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@shopstack/cs-admin-lib/dist/client/module/index.js"
  ],
  theme: {
    extend: {
      letterSpacing: {
        'spacing-026': '0.26px',
        'spacing-030': '0.3px',
        'spacing-034': '0.34px',
        'spacing-040': '0.40px',
      },
      colors: {
        primary: withOpacity("--color-primary"),
        "primary-50": withOpacity("--color-primary", 0.05),
        "primary-100": withOpacity("--color-primary", 0.1),
        "primary-200": withOpacity("--color-primary", 0.2),
        "primary-300": withOpacity("--color-primary", 0.3),
        "primary-400": withOpacity("--color-primary", 0.4),
        "primary-500": withOpacity("--color-primary", 0.5),
        "primary-600": withOpacity("--color-primary", 0.6),
        "primary-700": withOpacity("--color-primary", 0.7),
        "primary-800": withOpacity("--color-primary", 0.8),
        "primary-900": withOpacity("--color-primary", 0.9),
        secondary: withOpacity("--color-secondary"),
        "secondary-50": withOpacity("--color-secondary", 0.05),
        "secondary-100": withOpacity("--color-secondary", 0.1),
        "secondary-200": withOpacity("--color-secondary", 0.2),
        "secondary-300": withOpacity("--color-secondary", 0.3),
        "secondary-400": withOpacity("--color-secondary", 0.4),
        "secondary-500": withOpacity("--color-secondary", 0.5),
        "secondary-600": withOpacity("--color-secondary", 0.6),
        "secondary-700": withOpacity("--color-secondary", 0.7),
        "secondary-800": withOpacity("--color-secondary", 0.8),
        "secondary-900": withOpacity("--color-secondary", 0.9),
        "gray": "#F5F5F7",
        "line": "#DAE1EB",
        "label": "#222222",
        "icon": "#C3C3C3",
        "dark-plane": "#343434",
        "disabled": "#c3c3c3",
        "error": "#F44336",
        "table-row-bg": '#FFFFFF',
        ...colors,
      }
    }
  },
  plugins: [],
}