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

module.exports = {
  important: true,
  corePlugins: {
    preflight: false,
  },
  content: [`./packages/**/index.html`, `./packages/**/src/**/*.{js,ts,jsx,tsx}`],
  theme: {
    extend: {
      width: {
        INPUT_NORMAL: '100%',
        // INPUT_NORMAL: '346px',
        INPUT_LARGE: '508px',
        GROUP: '240px',
        SEARCH: '276px',
        LOG: '254px',
      },
      minHeight: {
        TEXTAREA: '68px',
      },
      borderRadius: {
        DEFAULT: 'var(--border-radius)',
        SEARCH_RADIUS: '50px',
      },
      boxShadow: {
        SCROLL: '0 2px 2px #0000000d',
        SCROLL_TOP: ' 0 -2px 2px -2px var(--border-color)',
      },
      colors: {
        DISABLE_BG: 'var(--disabled-background-color)',
        MAIN_TEXT: 'var(--text-color)',
        MAIN_HOVER_TEXT: 'var(--text-hover-color)',
        SECOND_TEXT: 'var(--disabled-text-color)',
        MAIN_BG: 'var(--background-color)',
        MENU_BG: 'var(--MENU-BG-COLOR)',
        'bar-theme': 'var(--bar-background-color)',
        BORDER: 'var(--border-color)',
        NAVBAR_BTN_BG: 'var(--item-active-background-color)',
        MAIN_DISABLED_BG: 'var(--disabled-background-color)',
        theme: 'var(--primary-color)',
        DESC_TEXT: 'var(--TITLE_TEXT)',
        HOVER_BG: 'var(--item-hover-background-color)',
        guide_cluster: '#ee6760',
        guide_upstream: '#f9a429',
        guide_api: '#71d24d',
        guide_publishApi: '#5884ff',
        guide_final: '#915bf9',
        table_text: 'var(--table-text-color)',
        status_success: '#138913',
        status_fail: '#ff3b30',
        status_update: '#03a9f4',
        status_pending: '#ffa500',
        status_offline: '#8f8e93',
        A_HOVER: 'var(--button-primary-hover-background-color)',
      },
      spacing: {
        mbase: 'var(--FORM_SPAN)',
        label: '12px', // 选择器和label之间的间距，待删
        btnbase: 'var(--LAYOUT_MARGIN)', // x方向的间距
        btnybase: 'var(--LAYOUT_MARGIN)', // y轴方向的间距
        btnrbase: '20px', // 页面最右侧边距20px
        formtop: 'var(--FORM_SPAN)',
        icon: '5px',
        blockbase: '40px',
        DEFAULT_BORDER_RADIUS: 'var(--border-radius)',
        TREE_TITLE: 'var(--small-padding) var(--LAYOUT_PADDING);',
      },
      borderColor: {
        'color-base': 'var(--border-color)',
      },
    },
  },
  plugins: [],
  corePlugins: {
    preflight: false,
  },
};
