import type { ThemeConfig } from "antd";

export const antdTheme: ThemeConfig = {
  token: {
    colorPrimary: "#3a8ee0",
    colorPrimaryHover: "#2776c6",
    colorBgLayout: "#f3f5f8",
    colorBorder: "#dce1e8",
    colorText: "#2a3142",
    colorTextSecondary: "#6b7280",
    colorError: "#d04141",
    colorWarning: "#d98e1f",
    colorSuccess: "#27a567",
    borderRadius: 0,
    controlHeight: 26,
    controlHeightSM: 22,
    fontSize: 13,
    fontFamily:
      '"Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif',
  },
  components: {
    Table: {
      cellPaddingBlock: 4,
      cellPaddingInline: 8,
      headerBg: "#fafbfc",
      headerColor: "#2a3142",
      rowHoverBg: "#eaf4fc",
      rowSelectedBg: "#d4e8f7",
      rowSelectedHoverBg: "#d4e8f7",
      borderColor: "#dce1e8",
      headerBorderRadius: 0,
    },
    Button: {
      controlHeight: 26,
      paddingContentHorizontal: 10,
    },
    Input: {
      controlHeight: 26,
    },
    Select: {
      controlHeight: 26,
    },
    Form: {
      itemMarginBottom: 6,
      verticalLabelPadding: "0 0 2px",
      labelFontSize: 12,
    },
    Tabs: {
      itemColor: "#2a3142",
      itemSelectedColor: "#2776c6",
      itemHoverColor: "#3a8ee0",
      inkBarColor: "#3a8ee0",
    },
  },
};