base6-ui 1.1.1

package/src/config/themes/components/alert/light.ts

@@ -0,0 +1,18 @@
+import { AlertProps } from 'naive-ui'
+import { lightBase } from '../../color'
+import { AlertThemeCommon } from './common'
+
+export const AlertThemeLight: AlertProps['themeOverrides'] = {
+  ...AlertThemeCommon,
+  colorInfo: lightBase['color-primary-1'],
+  colorSuccess: lightBase['color-green-1'],
+  colorError: lightBase['color-red-1'],
+  colorWarning: lightBase['color-origin-1'],
+
+  contentTextColorError: lightBase['color-gray-10'],
+  contentTextColorInfo: lightBase['color-gray-10'],
+  contentTextColorSuccess: lightBase['color-gray-10'],
+  contentTextColorWarning: lightBase['color-gray-10'],
+
+  titleTextColor: lightBase['color-gray-10']
+}

package/src/config/themes/components/baseComponent/dark.ts

@@ -0,0 +1,189 @@
+import { TooltipProps, StepsProps, TabsProps, PopconfirmProps, TreeProps, PaginationProps, BreadcrumbProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { commonBase } from '../../common'
+
+export const TooltipThemeDark: TooltipProps['themeOverrides'] = {
+  borderRadius: commonBase.borderRadiusMedium,
+  color: darkBase['color-gray-3'],
+  textColor: darkToken['color-text-6'],
+  padding: commonBase.paddingBase
+}
+export const PopconfirmThemeDark: PopconfirmProps['themeOverrides'] = {
+  fontSize: commonBase.fontSizeMedium,
+  iconColor: darkBase['color-primary-6'],
+  iconSize: commonBase.iconSizeBase
+}
+export const TreeThemeDark: TreeProps['themeOverrides'] = {
+  nodeTextColor: darkToken['color-text-6'],
+  arrowColor: darkToken['color-text-3'],
+  lineColor: darkBase['color-gray-11']
+  // nodeColorHover: 'red'
+  // nodeColorActive: 'transparent',
+  // nodeColorHover: 'transparent',
+  // nodeColorPressed: 'transparent'
+
+  // fontSize: string;
+// lineHeight: string;          // 行高（每个节点的高度）
+// nodeHeight: string;          // 节点高度（可能已废弃，用lineHeight）
+// nodeWrapperPadding: string;  // 节点内边距（文字与边框的间距）
+// nodeBorderRadius: string;    // 节点圆角
+// // nodeColorHover: string;      // 节点悬停时的背景色
+// nodeColorPressed: string;    // 节点按下时的背景色
+// nodeColorActive: string;     // 节点激活/选中时的背景色
+// // nodeTextColor: string;           // 节点文字颜色
+// nodeTextColorDisabled: string;   // 禁用节点文字颜色
+// arrowColor: string;              // 展开/收起箭头的颜色
+// loadingColor: string;            // 加载中图标的颜色
+// // dropMarkColor: string;       // 拖拽放置指示线的颜色
+// lineColor: string;           // 节点连接线的颜色（您刚才问的！）
+}
+export const PaginationThemeDark: PaginationProps['themeOverrides'] = {
+  buttonBorderHover: '0px solid transparent',
+  buttonBorderPressed: '0px solid transparent',
+  itemTextColorHover: darkToken['color-text-6'],
+  itemTextColorPressed: darkToken['color-text-6'],
+  itemColorActive: darkBase['color-primary-6'],
+  itemColorActiveHover: darkBase['color-primary-6'],
+  itemBorderDisabled: '0px solid transparent',
+  buttonBorder: darkBase['color-gray-3'],
+  // // 按钮相关样式（上一页/下一页按钮）
+  buttonIconColor: darkToken['color-text-6'], /* 按钮图标颜色 */
+  buttonIconColorPressed: darkToken['color-text-6'],
+  buttonIconColorHover: darkToken['color-text-6'],
+  itemTextColorDisabled: darkToken['color-text-6'], /* 禁用页码文字颜色 */
+  /* 文字颜色 */
+  itemTextColor: darkToken['color-text-6'],
+  // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
+  itemColorDisabled: 'transparent', /* 禁用页码背景颜色 */
+
+  itemTextColorActive: darkToken['color-text-5'], /* 当前页码文字颜色 */
+  /* 背景颜色 */
+  itemBorderRadius: commonBase.borderRadiusMedium,
+  itemSizeMedium: commonBase.heightMedium, // 修改默认高度
+  itemFontSizeMedium: commonBase.fontSizeMedium, // 修改默认字体
+  itemPaddingMedium: commonBase.paddingMedium, // 修改默认内边距
+
+  /** 跳转文字*/
+  jumperTextColor: darkToken['color-text-6'] // 修改跳转文字颜色
+}
+export const BreadcrumbThemeDark: BreadcrumbProps['themeOverrides'] = {
+  // fontSize: string;          /* 面包屑整体字体大小 */
+  // itemLineHeight: string;    /* 面包屑项的行高 */
+  // fontWeightActive: string;  /* 当前项的字重（如：bold）*/
+  itemTextColor: darkToken['color-text-2'], /* 普通面包屑项文字颜色 */
+  itemTextColorHover: darkToken['color-text-6'], /* 鼠标悬停时文字颜色 */
+  itemTextColorPressed: darkToken['color-text-6'], /* 鼠标按下时文字颜色 */
+  itemTextColorActive: darkToken['color-text-6'], /* 当前页面项文字颜色（不可点击）*/
+  // itemColorHover: string;        /* 鼠标悬停时背景颜色 */
+  // itemColorPressed: string;      /* 鼠标按下时背景颜色 */
+  // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
+  separatorColor: darkToken['color-text-4'] /* 分隔符颜色（如 > 或 / 的颜色）*/
+}
+export const TabsThemeDark: TabsProps['themeOverrides'] = {
+  /* Line 类型文字颜色 */
+  tabTextColorLine: darkToken['color-text-3'], /* 普通文字颜色 */
+  tabTextColorActiveLine: darkBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverLine: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledLine: darkToken['color-text-6'], /* 禁用状态文字颜色 */
+
+  // /* Bar 类型文字颜色 */
+  tabTextColorBar: darkToken['color-text-3'], /* 普通文字颜色 */
+  tabTextColorActiveBar: darkBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverBar: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledBar: darkToken['color-text-6'], /* 禁用状态文字颜色 */
+
+  // /* Card 类型文字颜色 */
+  tabTextColorCard: darkToken['color-text-3'], /* 普通文字颜色 */
+  tabTextColorActiveCard: darkBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverCard: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledCard: darkToken['color-text-6'], /* 禁用状态文字颜色 */
+
+  // /* Segment 类型文字颜色 */
+  tabTextColorSegment: darkToken['color-text-3'], /* 普通文字颜色 */
+  tabTextColorActiveSegment: darkBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverSegment: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledSegment: darkToken['color-text-6'], /* 禁用状态文字颜色 */
+
+  tabPaddingSmallSegment: '10px 12px',
+  tabPaddingMediumSegment: '10px 0',
+  tabPaddingLargeSegment: '10px 0',
+
+  // tabColor: 'green', /* 标签页背景色 */
+  // tabColorSegment: darkBase['color-primary-6'], /* Segment 类型标签背景色 */
+  // tabBorderColor: string;       /* 标签页边框颜色 */
+  barColor: darkBase['color-primary-6'], /* Bar 类型指示条颜色 */
+  // closeIconColor: string;       /* 关闭图标颜色 */
+  // closeIconColorHover: string;  /* 关闭图标悬停颜色 */
+  // closeIconColorPressed: string;/* 关闭图标按下颜色 */
+  // closeColorHover: string;      /* 关闭按钮悬停背景色 */
+  // closeColorPressed: string;    /* 关闭按钮按下背景色 */
+  // closeBorderRadius: string;    /* 关闭按钮圆角 */
+  // closeSize: string;            /* 关闭按钮大小 */
+  // closeIconSize: string;        /* 关闭图标大小 */
+  // tabFontSizeCard: string;      /* Card 类型字体大小 */
+  tabFontSizeSmall: commonBase.fontSizeSmall, /* 小尺寸字体 */
+  tabFontSizeMedium: commonBase.fontSizeMedium, /* 中尺寸字体 */
+  tabFontSizeLarge: commonBase.fontSizeLarge, /* 大尺寸字体 */
+  tabFontWeight: commonBase.fontWeightNormal, /* 普通字重 */
+  tabFontWeightActive: commonBase.fontWeightActive, /* 激活状态字重 */
+  // fontWeightStrong: string;     /* 强调字重 */
+  // paneTextColor: string;        /* 标签内容区域文字颜色 */
+  // panePaddingSmall: string;     /* 小尺寸内容区域内边距 */
+  // panePaddingMedium: string;    /* 中尺寸内容区域内边距 */
+  // panePaddingLarge: string;     /* 大尺寸内容区域内边距 *//* 各种间距变量命名规则：
+  //    tab[属性][尺寸][类型][方向]
+  //    例如：tabGapSmallLineVertical = 小尺寸 + Line类型 + 垂直方向的间隙
+  // */
+
+  // /* 间隙（Gap）*/
+  tabGapSmallLine: commonBase.tabGapSmall, /* 小尺寸Line类型水平间隙 */
+  tabGapMediumLine: commonBase.tabGapMedium, /* 中尺寸Line类型水平间隙 */
+  tabGapLargeLine: commonBase.tabGapLarge, /* 大尺寸Line类型水平间隙 */
+
+  // /* 内边距（Padding）*/
+  tabPaddingSmallLine: commonBase.tabPaddingSmall, /* 小尺寸Line类型水平内边距 */
+  tabPaddingMediumLine: commonBase.tabPaddingMedium, /* 中尺寸Line类型水平内边距 */
+  tabPaddingLargeLine: commonBase.tabPaddingLarge, /* 大尺寸Line类型水平内边距 */
+
+  // /* 垂直方向变量（带Vertical后缀）*/
+  // tabGapSmallLineVertical: string;     /* 垂直方向间隙 */
+  // tabPaddingVerticalSmallLine: string; /* 垂直方向内边距 */
+  tabBorderRadius: commonBase.tabBorderRadius /* 标签页圆角 */
+// closeBorderRadius: string;    /* 关闭按钮圆角 */
+}
+export const StepsThemeDark: StepsProps['themeOverrides'] = {
+  indicatorColorWait: 'transparent', /* 等待状态指示器背景色 */
+  indicatorColorProcess: darkBase['color-primary-6'], /* 进行状态指示器背景色 */
+  indicatorColorFinish: 'transparent', /* 完成状态指示器背景色 */
+  indicatorColorError: 'transparent', /* 错误状态指示器背景色 */
+  indicatorTextColorWait: darkBase['color-gray-6'], /* 等待状态指示器文字颜色 */
+  indicatorTextColorProcess: darkToken['color-text-5'], /* 进行状态指示器文字颜色 */
+  indicatorTextColorFinish: darkBase['color-primary-6'], /* 完成状态指示器文字颜色 */
+  indicatorTextColorError: darkBase['color-red-6'], /* 错误状态指示器文字颜色 */
+  indicatorBorderColorWait: darkBase['color-gray-6'], /* 等待状态指示器边框颜色 */
+  indicatorBorderColorProcess: darkBase['color-primary-6'], /* 进行状态指示器边框颜色 */
+  indicatorBorderColorFinish: darkBase['color-primary-6'], /* 完成状态指示器边框颜色 */
+  indicatorBorderColorError: darkBase['color-red-6'], /* 错误状态指示器边框颜色 */
+  headerTextColorWait: darkToken['color-text-6'], /* 等待状态标题颜色 */
+  headerTextColorProcess: darkBase['color-gray-10'], /* 进行状态标题颜色 */
+  headerTextColorFinish: darkBase['color-gray-10'], /* 完成状态标题颜色 */
+  headerTextColorError: darkBase['color-gray-10'], /* 错误状态标题颜色 */
+  descriptionTextColorWait: darkToken['color-text-3'], /* 等待状态描述颜色 */
+  descriptionTextColorProcess: darkBase['color-gray-6'], /* 进行状态描述颜色 */
+  descriptionTextColorFinish: darkBase['color-gray-6'], /* 完成状态描述颜色 */
+  descriptionTextColorError: darkBase['color-gray-6'], /* 错误状态描述颜色 */
+  splitorColorProcess: darkBase['color-primary-6'],
+  splitorColorWait: darkBase['color-gray-4'],
+  splitorColorFinish: darkBase['color-primary-6'],
+  splitorColorError: darkBase['color-primary-6'],
+  stepHeaderFontSizeSmall: '16px', /* 小尺寸标题字体 */
+  stepHeaderFontSizeMedium: '16px', /* 中尺寸标题字体 */
+  indicatorIndexFontSizeSmall: '16px', /* 小尺寸指示器数字字体 */
+  indicatorIndexFontSizeMedium: '16px', /* 中尺寸指示器数字字体 */
+  // stepHeaderFontWeight: string;         /* 标题字体粗细 */
+  indicatorSizeSmall: '24px', /* 小尺寸指示器大小 */
+  indicatorSizeMedium: '24px', /* 中尺寸指示器大小 */
+  indicatorIconSizeSmall: '16px', /* 小尺寸指示器图标大小 */
+  indicatorIconSizeMedium: '16px' /* 中尺寸指示器图标大小 */
+}

package/src/config/themes/components/baseComponent/light.ts

@@ -0,0 +1,297 @@
+import {
+  TooltipProps,
+  PopconfirmProps,
+  TreeProps,
+  PaginationProps,
+  BreadcrumbProps,
+  TabsProps,
+  StepsProps
+} from 'naive-ui'
+import { lightBase } from '../../color'
+import { commonBase } from '../../common'
+import { lightToken } from '../../token'
+export const TooltipThemeLight: TooltipProps['themeOverrides'] = {
+  borderRadius: commonBase.borderRadiusMedium,
+  color: lightBase['color-gray-10'],
+  textColor: lightToken['color-text-1'],
+  padding: commonBase.paddingBase
+}
+export const PopconfirmThemeLight: PopconfirmProps['themeOverrides'] = {
+  fontSize: commonBase.fontSizeMedium,
+  iconColor: lightBase['color-primary-6'],
+  iconSize: commonBase.iconSizeBase
+}
+export const TreeThemeLight: TreeProps['themeOverrides'] = {
+  arrowColor: lightBase['color-gray-6'],
+  nodeTextColor: lightBase['color-gray-10'],
+  lineColor: lightBase['color-gray-5']
+}
+export const PaginationThemeLight: PaginationProps['themeOverrides'] = {
+  // itemBorderDisabled: '0px solid transparent',
+  // itemBorderRadius: commonBase.borderRadiusMedium,
+  // itemTextColor: lightToken['color-text-1'],
+  // itemTextColorHover: lightToken['color-text-6'],
+  // itemTextColorPressed: lightToken['color-text-6'],
+  // itemTextColorActive: lightToken['color-text-6'],
+  // buttonIconColor: lightToken['color-text-1'],
+  // buttonIconColorPressed: lightToken['color-text-1'],
+  // buttonIconColorHover: lightToken['color-text-1'],
+  // itemTextColorDisabled: lightToken['color-text-1'],
+  // jumperTextColor: lightToken['color-text-1'],
+  // itemTextColor: lightToken['color-text-1'],
+  // itemTextColorHover: lightToken['color-text-1'],
+  // itemTextColorPressed: lightToken['color-text-1'],
+  // itemTextColorActive: lightToken['color-text-1'],
+  // itemColorActive: lightBase['color-primary-6'],
+  // itemColorActiveHover: lightBase['color-primary-6'],
+  // 以上修改
+  // 按钮相关样式（上一页/下一页按钮）
+  buttonIconColor: lightBase['color-gray-10'], /* 按钮图标颜色 */
+  buttonIconColorPressed: lightBase['color-gray-10'],
+  buttonIconColorHover: lightBase['color-gray-10'],
+  itemTextColorDisabled: lightBase['color-gray-10'], /* 禁用页码文字颜色 */
+
+  itemBorderActive: '1px solid #0000',
+
+  /* 文字颜色 */
+  itemTextColor: lightBase['color-gray-10'],
+  // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
+  itemTextColorActive: lightToken['color-text-1'], /* 当前页码文字颜色 */
+  /* 背景颜色 */
+  itemColorActive: lightBase['color-primary-6'], /* 当前页码背景色 */
+  itemColorPressed: lightBase['color-primary-6'], /* 按下页码背景色 */
+  itemColorActiveHover: lightBase['color-primary-6'], /* 当前页码悬停背景色 */
+  itemBorderRadius: commonBase.borderRadiusMedium,
+  // itemSizeMedium: commonBase.heightMedium, // 修改默认高度
+  itemFontSizeMedium: commonBase.fontSizeMedium, // 修改默认字体
+  itemPaddingMedium: commonBase.paddingMedium, // 修改默认内边距
+  itemColorDisabled: 'transparent', /* 禁用页码背景颜色 */
+  /** 跳转文字*/
+  jumperTextColor: lightBase['color-gray-10'] // 修改跳转文字颜色
+  // buttonColor: string;           /* 按钮背景色 */
+  // buttonColorHover: string;      /* 按钮悬停背景色 */
+  // buttonColorPressed: string;    /* 按钮按下背景色 */
+  // buttonBorder: string;          /* 按钮边框 */
+  // buttonBorderHover: string;     /* 按钮悬停边框 */
+  // buttonBorderPressed: string;   /* 按钮按下边框 */
+  // buttonIconColor: string;       /* 按钮图标颜色 */
+  // buttonIconColorHover: string;  /* 按钮图标悬停颜色 */
+  // buttonIconColorPressed: string;/* 按钮图标按下颜色 */
+  /* 文字颜色 */
+  // itemTextColor: string;         /* 普通页码文字颜色 */
+  // itemTextColorHover: string;    /* 悬停页码文字颜色 */
+  // itemTextColorPressed: string;  /* 按下页码文字颜色 */
+  // itemTextColorActive: string;   /* 当前页码文字颜色 */
+  // itemTextColorDisabled: string; /* 禁用页码文字颜色 */
+
+  // /* 背景颜色 */
+  // itemColor: string;             /* 普通页码背景色 */
+  // itemColorHover: string;        /* 悬停页码背景色 */
+  // itemColorPressed: string;      /* 按下页码背景色 */
+  // itemColorActive: string;       /* 当前页码背景色 */
+  // itemColorActiveHover: string;  /* 当前页码悬停背景色 */
+  // itemColorDisabled: string;     /* 禁用页码背景色 */
+
+  // /* 边框样式 */
+  // itemBorder: string;            /* 页码边框 */
+  // itemBorderHover: string;       /* 悬停页码边框 */
+  // itemBorderPressed: string;     /* 按下页码边框 */
+  // itemBorderActive: string;      /* 当前页码边框 */
+  // itemBorderDisabled: string;    /* 禁用页码边框 */
+
+  // /* 尺寸和圆角 */
+  // itemBorderRadius: string;      /* 页码圆角 */
+  /* 页码项尺寸 */
+  // itemSizeSmall: '26px' /* 小尺寸页码大小 */
+  // itemSizeMedium: '32px', /* 中尺寸页码大小 */
+  // itemSizeLarge: '34px' /* 大尺寸页码大小 */
+
+  // /* 字体大小 */
+  // itemFontSizeSmall: string;     /* 小尺寸页码字体 */
+  // itemFontSizeMedium: string;    /* 中尺寸页码字体 */
+  // itemFontSizeLarge: string;     /* 大尺寸页码字体 */
+  //   jumperFontSizeSmall: string;   /* 小尺寸跳转框字体 */
+  // jumperFontSizeMedium: string;  /* 中尺寸跳转框字体 */
+  // jumperFontSizeLarge: string;   /* 大尺寸跳转框字体 */
+  // jumperTextColor: string;       /* 跳转框文字颜色 */
+  // jumperTextColorDisabled: string; /* 禁用跳转框文字颜色 */
+  /* 各种间距和边距配置，用于控制组件内部元素的布局 */
+  // itemPaddingSmall: string;      /* 小尺寸页码内边距 */
+  // itemMarginSmall: string;       /* 小尺寸页码外边距 */
+  /* ... 其他间距变量 */
+
+  // itemColorDisabled: string;
+  // itemBorder: 'red',
+  // itemBorderHover: string;
+  // itemBorderPressed: string;
+  // itemBorderActive: string;
+  // itemBorderDisabled: string;
+  // itemBorderRadius: string;
+  // itemSizeSmall: '62px',
+  // itemSizeMedium: '32px',
+  // itemSizeLarge: '22px'
+  // itemFontSizeSmall: string;
+  // itemFontSizeMedium: '32px'
+  // itemFontSizeLarge: string;
+  // jumperFontSizeSmall: string;
+  // jumperFontSizeMedium: '14px',
+  // jumperFontSizeLarge: string;
+  // jumperTextColor: 'red',
+  // jumperTextColorDisabled: string;
+  // itemPaddingSmall: '20px',
+  // itemMarginSmall: '20px',
+  // itemMarginSmallRtl: string;
+  // itemPaddingMedium: '0 10px',
+  // itemMarginMedium: '0 8px'
+  // itemMarginMediumRtl: '36px'
+  // itemPaddingLarge: string;
+  // itemMarginLarge: string;
+  // itemMarginLargeRtl: string;
+  // buttonIconSizeSmall: '10px',
+  // buttonIconSizeMedium: '32px'
+  // buttonIconSizeLarge: '30px',
+  // inputWidthSmall: '150px'
+  // selectWidthSmall: '60px'
+  // inputMarginSmall: string;
+  // inputMarginSmallRtl: string;
+  // selectMarginSmall: string;
+  // prefixMarginSmall: string;
+  // suffixMarginSmall: string;
+  // inputWidthMedium: string;
+  // selectWidthMedium: string;
+  // inputMarginMedium: string;
+  // inputMarginMediumRtl: string;
+  // selectMarginMedium: string;
+  // prefixMarginMedium: string;
+  // suffixMarginMedium: string;
+  // inputWidthLarge: string;
+  // selectWidthLarge: string;
+  // inputMarginLarge: string;
+  // inputMarginLargeRtl: string;
+  // selectMarginLarge: string;
+  // prefixMarginLarge: string;
+  // suffixMarginLarge: string;
+}
+export const BreadcrumbThemeLight: BreadcrumbProps['themeOverrides'] = {
+  // fontSize: string;          /* 面包屑整体字体大小 */
+  // itemLineHeight: string;    /* 面包屑项的行高 */
+  // fontWeightActive: string;  /* 当前项的字重（如：bold）*/
+  itemTextColor: lightBase['color-gray-8'], /* 普通面包屑项文字颜色 */
+  itemTextColorHover: lightBase['color-gray-10'], /* 鼠标悬停时文字颜色 */
+  itemTextColorPressed: lightBase['color-gray-10'], /* 鼠标按下时文字颜色 */
+  itemTextColorActive: lightBase['color-gray-10'], /* 当前页面项文字颜色（不可点击）*/
+  // itemColorHover: string;        /* 鼠标悬停时背景颜色 */
+  // itemColorPressed: string;      /* 鼠标按下时背景颜色 */
+  // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
+  separatorColor: lightBase['color-gray-4'] /* 分隔符颜色（如 > 或 / 的颜色）*/
+}
+export const TabsThemeLight: TabsProps['themeOverrides'] = {
+  /* Line 类型文字颜色 */
+  tabTextColorLine: lightBase['color-gray-8'], /* 普通文字颜色 */
+  tabTextColorActiveLine: lightBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverLine: lightBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledLine: lightBase['color-gray-4'], /* 禁用状态文字颜色 */
+
+  // /* Bar 类型文字颜色 */
+  tabTextColorBar: lightBase['color-gray-8'], /* 普通文字颜色 */
+  tabTextColorActiveBar: lightBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverBar: lightBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledBar: lightBase['color-gray-4'], /* 禁用状态文字颜色 */
+
+  // /* Card 类型文字颜色 */
+  tabTextColorCard: lightBase['color-gray-8'], /* 普通文字颜色 */
+  tabTextColorActiveCard: lightBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverCard: lightBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledCard: lightBase['color-gray-4'], /* 禁用状态文字颜色 */
+  // tabColor: lightBase['color-primary-2'], /* 标签页背景色 */
+
+  // /* Segment 类型文字颜色 */
+  tabTextColorSegment: lightBase['color-gray-8'], /* 普通文字颜色 */
+  tabTextColorActiveSegment: lightBase['color-primary-6'], /* 激活状态文字颜色 */
+  tabTextColorHoverSegment: lightBase['color-primary-5'], /* 悬停状态文字颜色 */
+  tabTextColorDisabledSegment: lightBase['color-gray-4'], /* 禁用状态文字颜色 */
+
+  tabPaddingSmallSegment: '10px 12px',
+  tabPaddingMediumSegment: '10px 0',
+  tabPaddingLargeSegment: '10px 0',
+
+  colorSegment: lightToken['color-text-1'], /* Segment 类型背景色 */
+  tabColorSegment: lightBase['color-primary-2'], /* Segment 类型标签背景色 */
+  // tabBorderColor: string;       /* 标签页边框颜色 */
+  barColor: lightBase['color-primary-6'], /* Bar 类型指示条颜色 */
+  // closeIconColor: string;       /* 关闭图标颜色 */
+  // closeIconColorHover: string;  /* 关闭图标悬停颜色 */
+  // closeIconColorPressed: string;/* 关闭图标按下颜色 */
+  // closeColorHover: string;      /* 关闭按钮悬停背景色 */
+  // closeColorPressed: string;    /* 关闭按钮按下背景色 */
+  // closeBorderRadius: string;    /* 关闭按钮圆角 */
+  // closeSize: string;            /* 关闭按钮大小 */
+  // closeIconSize: string;        /* 关闭图标大小 */
+  // tabFontSizeCard: string;      /* Card 类型字体大小 */
+  tabFontSizeSmall: commonBase.fontSizeSmall, /* 小尺寸字体 */
+  tabFontSizeMedium: commonBase.fontSizeMedium, /* 中尺寸字体 */
+  tabFontSizeLarge: commonBase.fontSizeLarge, /* 大尺寸字体 */
+  tabFontWeight: commonBase.fontWeightNormal, /* 普通字重 */
+  tabFontWeightActive: commonBase.fontWeightActive, /* 激活状态字重 */
+  // fontWeightStrong: string;     /* 强调字重 */
+  // paneTextColor: string;        /* 标签内容区域文字颜色 */
+  // panePaddingSmall: string;     /* 小尺寸内容区域内边距 */
+  // panePaddingMedium: string;    /* 中尺寸内容区域内边距 */
+  // panePaddingLarge: string;     /* 大尺寸内容区域内边距 *//* 各种间距变量命名规则：
+  //    tab[属性][尺寸][类型][方向]
+  //    例如：tabGapSmallLineVertical = 小尺寸 + Line类型 + 垂直方向的间隙
+  // */
+
+  // /* 间隙（Gap）*/
+  tabGapSmallLine: commonBase.tabGapSmall, /* 小尺寸Line类型水平间隙 */
+  tabGapMediumLine: commonBase.tabGapMedium, /* 中尺寸Line类型水平间隙 */
+  tabGapLargeLine: commonBase.tabGapLarge, /* 大尺寸Line类型水平间隙 */
+
+  // /* 内边距（Padding）*/
+  tabPaddingSmallLine: commonBase.tabPaddingSmall, /* 小尺寸Line类型水平内边距 */
+  tabPaddingMediumLine: commonBase.tabPaddingMedium, /* 中尺寸Line类型水平内边距 */
+  tabPaddingLargeLine: commonBase.tabPaddingLarge, /* 大尺寸Line类型水平内边距 */
+
+  // /* 垂直方向变量（带Vertical后缀）*/
+  // tabGapSmallLineVertical: string;     /* 垂直方向间隙 */
+  // tabPaddingVerticalSmallLine: string; /* 垂直方向内边距 */
+  tabBorderRadius: commonBase.tabBorderRadius, /* 标签页圆角 */
+  closeBorderRadius: commonBase.tabBorderRadius /* 关闭按钮圆角 */
+// closeBorderRadius: string;    /* 关闭按钮圆角 */
+}
+export const StepsThemeLight: StepsProps['themeOverrides'] = {
+  indicatorColorWait: lightToken['color-text-1'], /* 等待状态指示器背景色 */
+  indicatorColorProcess: lightBase['color-primary-6'], /* 进行状态指示器背景色 */
+  indicatorColorFinish: lightToken['color-text-1'], /* 完成状态指示器背景色 */
+  indicatorColorError: lightToken['color-text-1'], /* 错误状态指示器背景色 */
+  indicatorTextColorWait: lightBase['color-gray-6'], /* 等待状态指示器文字颜色 */
+  indicatorTextColorProcess: lightToken['color-text-1'], /* 进行状态指示器文字颜色 */
+  indicatorTextColorFinish: lightBase['color-primary-6'], /* 完成状态指示器文字颜色 */
+  indicatorTextColorError: lightBase['color-red-6'], /* 错误状态指示器文字颜色 */
+  indicatorBorderColorWait: lightBase['color-gray-6'], /* 等待状态指示器边框颜色 */
+  indicatorBorderColorProcess: lightBase['color-primary-6'], /* 进行状态指示器边框颜色 */
+  indicatorBorderColorFinish: lightBase['color-primary-6'], /* 完成状态指示器边框颜色 */
+  indicatorBorderColorError: lightBase['color-red-6'], /* 错误状态指示器边框颜色 */
+  headerTextColorWait: lightBase['color-gray-10'], /* 等待状态标题颜色 */
+  headerTextColorProcess: lightBase['color-gray-10'], /* 进行状态标题颜色 */
+  headerTextColorFinish: lightBase['color-gray-10'], /* 完成状态标题颜色 */
+  headerTextColorError: lightBase['color-gray-10'], /* 错误状态标题颜色 */
+  descriptionTextColorWait: lightBase['color-gray-6'], /* 等待状态描述颜色 */
+  descriptionTextColorProcess: lightBase['color-gray-6'], /* 进行状态描述颜色 */
+  descriptionTextColorFinish: lightBase['color-gray-6'], /* 完成状态描述颜色 */
+  descriptionTextColorError: lightBase['color-gray-6'], /* 错误状态描述颜色 */
+  splitorColorProcess: lightBase['color-primary-6'],
+  splitorColorWait: lightBase['color-gray-4'],
+  splitorColorFinish: lightBase['color-primary-6'],
+  splitorColorError: lightBase['color-primary-6'],
+  stepHeaderFontSizeSmall: '16px', /* 小尺寸标题字体 */
+  stepHeaderFontSizeMedium: '16px', /* 中尺寸标题字体 */
+  indicatorIndexFontSizeSmall: '16px', /* 小尺寸指示器数字字体 */
+  indicatorIndexFontSizeMedium: '16px', /* 中尺寸指示器数字字体 */
+  // stepHeaderFontWeight: string;         /* 标题字体粗细 */
+  indicatorSizeSmall: '24px', /* 小尺寸指示器大小 */
+  indicatorSizeMedium: '24px', /* 中尺寸指示器大小 */
+  indicatorIconSizeSmall: '16px', /* 小尺寸指示器图标大小 */
+  indicatorIconSizeMedium: '16px' /* 中尺寸指示器图标大小 */
+}
+

package/src/config/themes/components/button/common.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from 'naive-ui'
+import { commonBase } from '../../common'
+
+export const ButtonThemeCommon: ButtonProps['themeOverrides'] = {
+  borderRadiusLarge: commonBase.borderRadiusLarge,
+  borderRadiusMedium: commonBase.borderRadiusMedium,
+  borderRadiusSmall: commonBase.borderRadiusSmall,
+
+  heightMedium: commonBase.heightMedium,
+  heightSmall: commonBase.heightSmall,
+
+  fontSizeLarge: commonBase.fontSizeLarge,
+  fontSizeSmall: commonBase.fontSizeSmall,
+
+  opacityDisabled: '1',
+
+  paddingLarge: '0 24px',
+  paddingMedium: '0 16px',
+  paddingSmall: '0 12px'
+}

package/src/config/themes/components/button/dark.ts

@@ -0,0 +1,127 @@
+import { ButtonProps } from 'naive-ui'
+import { darkBase } from '../../color'
+import { darkToken } from '../../token'
+import { ButtonThemeCommon } from './common'
+
+export const ButtonThemeDark: ButtonProps['themeOverrides'] = {
+  ...ButtonThemeCommon,
+  border: `1px solid ${darkToken['fill-color-2']}`,
+  borderError: `1px solid ${darkBase['color-red-6']}`,
+  borderPrimary: `1px solid ${darkBase['color-primary-6']}`,
+  borderSuccess: `1px solid ${darkBase['color-green-6']}`,
+  borderWarning: `1px solid ${darkBase['color-origin-6']}`,
+
+  borderDisabled: `1px solid ${darkToken['color-default-disabled']}`,
+  borderDisabledError: `1px solid ${darkBase['color-red-5']}`,
+  borderDisabledPrimary: `1px solid ${darkToken['color-primary-disabled']}`,
+  borderDisabledSuccess: `1px solid ${darkToken['color-success-disabled']}`,
+  borderDisabledWarning: `1px solid ${darkToken['color-warning-disabled']}`,
+
+  borderHover: `1px solid ${darkToken['fill-color-3']}`,
+  borderHoverError: `1px solid ${darkBase['color-red-5']}`,
+  borderHoverPrimary: `1px solid ${darkBase['color-primary-5' ]}`,
+  borderHoverSuccess: `1px solid ${darkBase['color-green-5']}`,
+  borderHoverWarning: `1px solid ${darkBase['color-origin-5']}`,
+
+  borderFocus: `1px solid ${darkToken['fill-color-3']}`,
+  borderFocusError: `1px solid ${darkBase['color-red-5']}`,
+  borderFocusPrimary: `1px solid ${darkBase['color-primary-5']}`,
+  borderFocusSuccess: `1px solid ${darkBase['color-green-5']}`,
+  borderFocusWarning: `1px solid ${darkBase['color-origin-5']}`,
+
+  borderPressed: `1px solid ${darkToken['fill-color-4']}`,
+  borderPressedError: `1px solid ${darkBase['color-red-7']}`,
+  borderPressedPrimary: `1px solid ${darkBase['color-primary-7']}`,
+  borderPressedSuccess: `1px solid ${darkBase['color-green-7']}`,
+  borderPressedWarning: `1px solid ${darkBase['color-origin-7']}`,
+
+  color: darkToken['fill-color-2'],
+  colorError: darkBase['color-red-6'],
+  colorPrimary: darkBase['color-primary-6'],
+  colorSuccess: darkBase['color-green-6'],
+  colorWarning: darkBase['color-origin-6'],
+
+  colorDisabled: darkToken['color-default-disabled'],
+  colorDisabledError: darkToken['color-error-disabled'],
+  colorDisabledPrimary: darkToken['color-primary-disabled'],
+  colorDisabledSuccess: darkToken['color-success-disabled'],
+  colorDisabledWarning: darkToken['color-warning-disabled'],
+
+  colorFocus: darkToken['fill-color-3'],
+  colorFocusError: darkBase['color-red-5'],
+  colorFocusPrimary: darkBase['color-primary-5' ],
+  colorFocusSuccess: darkBase['color-green-5'],
+  colorFocusWarning: darkBase['color-origin-5'],
+
+  colorHover: darkToken['fill-color-3'],
+  colorHoverError: darkBase['color-red-5'],
+  colorHoverPrimary: darkBase['color-primary-5' ],
+  colorHoverSuccess: darkBase['color-green-5'],
+  colorHoverWarning: darkBase['color-origin-5'],
+
+  colorPressed: darkToken['fill-color-4'],
+  colorPressedError: darkBase['color-red-7'],
+  colorPressedPrimary: darkBase['color-primary-7' ],
+  colorPressedSuccess: darkBase['color-green-7'],
+  colorPressedWarning: darkBase['color-origin-7'],
+
+  textColor: darkBase['color-gray-8'],
+  textColorError: darkToken['color-text-5'],
+  textColorPrimary: darkToken['color-text-5'],
+  textColorSuccess: darkToken['color-text-5'],
+  textColorWarning: darkToken['color-text-5'],
+
+  textColorDisabled: 'rgba(255, 255, 255, 0.75)',
+  textColorDisabledError: 'rgba(255, 255, 255, 0.75)',
+  textColorDisabledPrimary: 'rgba(255, 255, 255, 0.75)',
+  textColorDisabledSuccess: 'rgba(255, 255, 255, 0.75)',
+  textColorDisabledWarning: 'rgba(255, 255, 255, 0.75)',
+
+  textColorFocus: darkBase['color-gray-8'],
+  textColorFocusError: darkToken['color-text-5'],
+  textColorFocusPrimary: darkToken['color-text-5'],
+  textColorFocusSuccess: darkToken['color-text-5'],
+  textColorFocusWarning: darkToken['color-text-5'],
+
+  textColorHover: darkBase['color-gray-8'],
+  textColorHoverError: darkToken['color-text-5'],
+  textColorHoverPrimary: darkToken['color-text-5'],
+  textColorHoverSuccess: darkToken['color-text-5'],
+  textColorHoverWarning: darkToken['color-text-5'],
+
+  textColorPressed: darkBase['color-gray-8'],
+  textColorPressedError: darkToken['color-text-5'],
+  textColorPressedPrimary: darkToken['color-text-5'],
+  textColorPressedSuccess: darkToken['color-text-5'],
+  textColorPressedWarning: darkToken['color-text-5'],
+
+  textColorGhost: darkBase['color-gray-8'],
+  textColorGhostError: darkBase['color-red-6'],
+  textColorGhostPrimary: darkBase['color-primary-6'],
+  textColorGhostSuccess: darkBase['color-green-6'],
+  textColorGhostWarning: darkBase['color-origin-6'],
+
+  textColorGhostDisabled: 'rgba(255, 255, 255, 0.5)',
+  textColorGhostDisabledError: darkToken['color-error-disabled'],
+  textColorGhostDisabledPrimary: darkToken['color-primary-disabled'],
+  textColorGhostDisabledSuccess: darkToken['color-success-disabled'],
+  textColorGhostDisabledWarning: darkToken['color-warning-disabled'],
+
+  textColorGhostFocus: darkBase['color-gray-8'],
+  textColorGhostFocusError: darkBase['color-red-5'],
+  textColorGhostFocusPrimary: darkBase['color-primary-5'],
+  textColorGhostFocusSuccess: darkBase['color-green-5'],
+  textColorGhostFocusWarning: darkBase['color-origin-5'],
+
+  textColorGhostHover: darkBase['color-gray-8'],
+  textColorGhostHoverError: darkBase['color-red-5'],
+  textColorGhostHoverPrimary: darkBase['color-primary-5'],
+  textColorGhostHoverSuccess: darkBase['color-green-5'],
+  textColorGhostHoverWarning: darkBase['color-origin-5'],
+
+  textColorGhostPressed: darkBase['color-gray-8'],
+  textColorGhostPressedError: darkBase['color-red-7'],
+  textColorGhostPressedPrimary: darkBase['color-primary-7'],
+  textColorGhostPressedSuccess: darkBase['color-green-7'],
+  textColorGhostPressedWarning: darkBase['color-origin-7']
+}