ci4sManagement-cloud/react-ui/src/styles/theme.less

/*
 * @Author: 赵伟
 * @Date: 2024-04-28 08:47:43
 * @Description: 全局变量，可以直接在 less 文件里使用，无需引入；也可以导入到 js 里使用；为 antd 主题修改提供常量值
 */

// 颜色
@primary-color: #1664ff; // 主色调
@primary-color-secondary: #4e89ff;
@primary-color-hover: #69b1ff;
@background-color: #f9fafb; // 页面背景颜色
@text-color: #1d1d20;
@text-color-secondary: #575757;
@success-color: #1ace62;
@error-color: #c73131;
@warning-color: #f98e1b;

@border-color: rgba(22, 100, 255, 0.3);
@border-color-secondary: rgba(22, 100, 255, 0.1);
@background-color-primary: rgba(22, 100, 255, 0.03);
@background-color-gray: rgba(4, 3, 3, 0.06);

@heading-color: rgba(0, 0, 0, 0.85);
@input-icon-hover-color: rgba(0, 0, 0, 0.85);
@border-color-base: #d9d9d9;
@link-hover-color: #69b1ff;
@sider-background-color: #f2f5f7;

@workspace-background: linear-gradient(
  179.03deg,
  rgba(138, 138, 138, 0.06) 0%,
  rgba(22, 100, 255, 0.02) 100%
);

// 字体大小
@font-size: 15px;
@font-size-title: 18px;
@font-size-content: 16px;

// 函数
.addAlpha(@color, @alpha) {
  @red: red(@color);
  @green: green(@color);
  @blue: blue(@color);

  @result: rgba(@red, @green, @blue, @alpha);
}

// 导出变量
:export {
  primaryColor: @primary-color;
  successColor: @success-color;
  errorColor: @error-color;
  warningColor: @warning-color;
  textColor: @text-color;
  textColorSecondary: @text-color-secondary;
  fontSize: @font-size;
  siderBGColor: @sider-background-color;
}