/*
 * @Author: ai-business-hql ai.bussiness.hql@gmail.com
 * @Date: 2025-02-17 20:53:45
 * @LastEditors: ai-business-hql ai.bussiness.hql@gmail.com
 * @LastEditTime: 2025-05-08 17:26:19
 * @FilePath: /comfyui_copilot/ui/tailwind.config.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// Copyright (C) 2025 AIDC-AI
// Licensed under the MIT License.
// Copyright (C) 2025 ComfyUI-Copilot Authors
// Licensed under the MIT License.

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

export default {
  corePlugins: { 
    preflight: false 
  },
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        white: 'var(--p-panel-background)',
        gray: {
          50: 'color-mix(in srgb, var(--p-text-color) 5%, transparent)',
          100: 'color-mix(in srgb, var(--p-text-color) 10%, transparent)',
          200: 'color-mix(in srgb, var(--p-text-color) 20%, transparent)',
          300: 'color-mix(in srgb, var(--p-text-color) 30%, transparent)',
          400: 'color-mix(in srgb, var(--p-text-color) 40%, transparent)',
          500: 'color-mix(in srgb, var(--p-text-color) 50%, transparent)',
          600: 'color-mix(in srgb, var(--p-text-color) 60%, transparent)',
          700: 'color-mix(in srgb, var(--p-text-color) 70%, transparent)',
          800: 'color-mix(in srgb, var(--p-text-color) 80%, transparent)',
          900: 'color-mix(in srgb, var(--p-text-color) 90%, transparent)',
        }
      },
      backgroundImage: {
        'showcase-bg': 'linear-gradient(135deg, color-mix(in srgb, var(--p-text-color) 20%, transparent) 40%, color-mix(in srgb, var(--p-text-color) 23%, transparent) 70%, color-mix(in srgb, var(--p-text-color) 25%, transparent) 100%)',
        'debug-collapsible-card-bg': 'linear-gradient(color-mix(in srgb, var(--p-text-color) 0%, transparent) 0%, color-mix(in srgb, var(--p-text-color) 60%, transparent) 100%)',
        'debug-btn': 'linear-gradient(325deg, hsl(189, 97%, 36%) 0%, hsl(189, 99%, 26%) 55%, hsl(189, 97%, 36%) 90%)'
      } 
    },
    typography: {
      DEFAULT: {
        css: {
          '--tw-prose-links': 'inherit',
          '--tw-prose-headings': 'inherit',
        },
      },
      neutral: {
        css: {
          '--tw-prose-links': 'inherit',
          '--tw-prose-headings': 'inherit',
        },
      }
    },
  },
  plugins: [
    typography,
  ],
}