@aplus-frontend/ui/theme/css-var.less

[data-aplus-ui-mode='aplus'] {
  // 基础边框颜色
  --ap-border-color-base: #dee4ed;
  // 基础hover色
  --ap-hover-color-base: #66a9ff;
  // 基础active色
  --ap-active-color-base: #66a9ff;
  // 系统主色
  --ap-color-primary: #0070ff;
  // 主色-禁用
  --ap-color-primary-disabled: #cce2ff;
  // 链接色
  --ap-color-link: #0070ff;
  // 链接hover色
  --ap-color-link-hover: #66a9ff;
  // 链接色禁用
  --ap-color-link-disabled: #cce2ff;
  // 表单项边框样式阴影色
  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
  // 成功色
  --ap-color-success: #2ed1a3;
  // 成功色-禁用
  --ap-color-success-disabled: #d5f6ed;
  // 失败色
  --ap-color-error: #ff4d4f;
  // 失败色-禁用
  --ap-color-error-disabled: #ffdbdc;
  // 警告色
  --ap-color-warn: #ffa940;
  // 警告色-禁用
  --ap-color-warn-disabled: #ffeed9;
  // 表格表头背景色
  --ap-table-header-bg: #f2f6f9;
  // 文本颜色1号色
  --ap-text-color-1: #526a90;
  // 文本颜色二号色（着重）
  --ap-text-color-2: #182948;
  // 文本颜色三号色（次级）
  --ap-text-color-3: #8896b0;
  // 基础背景色（某些边框也使用此颜色）
  --ap-color-bg: #e9edf3;
  // 背景色-1
  --ap-color-bg-1: #f6f9fa;
  // 背景色-2
  --ap-color-bg-2: #f3f5f8;
  // 滚动条滑块颜色
  --ap-scrollbar-thumb-color-base: #c8d1de;
  // 滚动条滑动块hover色
  --ap-scrollbar-thumb-color-hover: #959ca7;
  // 滚动条轨道颜色
  --ap-scrollbar-track-color-hover: #f2f6f9;
  // 文本颜色4号色（三级）
  --ap-text-color-4: #abb7cc;
  // 通用的背景禁用色
  --color-bg-container-disabled: #f2f6f9;
  // 批量输入组禁用色
  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
  --ap-radio-group-item-active-bg-color: rgba(#0070ff, 0.12);
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
  // 表格
  --ap-grid-fixed-scrolling-box-shadow-color: #dae0e7;
  // 高级卡片
  --ap-pro-card-color-bg-container: transparent;
  --ap-pro-card-border-radius: 4px;
  --ap-pro-card-header-padding: 8px 16px 0;
  --ap-pro-card-header-padding-bottom: 8px;
  --ap-pro-card-body-padding: 8px 16px;
  --ap-pro-card-actions-padding: 12px 16px;
  --ap-pro-card-border-line-width: 1px;
  --ap-pro-card-border-line-type: solid;
  --ap-pro-card-border-color-split: #e9edf3;
  --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
  --ap-pro-card-tooltip-color: #8896b0;
  --ap-pro-card-header-title-font-size: 12px;
  --ap-pro-card-header-title-font-color: #182948;
  --ap-pro-card-area-color: #f1f7ff;
  --ap-pro-card-split-line-height: 100%;
  --ap-pro-card-divider-line-height: 60%;
}

[data-aplus-ui-mode='admin'] {
  --ap-border-color-base: #d9d9d9;
  --ap-hover-color-base: #85d4b0;
  --ap-active-color-base: #85d4b0;
  // 系统主色
  --ap-color-primary: #34b77c;
  // 主色-禁用
  --ap-color-primary-disabled: #d6f1e5;
  // 链接色
  --ap-color-link: #1890ff;
  // 链接hover色
  --ap-color-link-hover: #5eb1ff;
  // 链接色禁用
  --ap-color-link-disabled: #cce2ff;
  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
  // 成功色
  --ap-color-success: #34b77c;
  // 成功色-禁用
  --ap-color-success-disabled: #d6f1e5;
  // 失败色
  --ap-color-error: #ff4d4f;
  // 失败色-禁用
  --ap-color-error-disabled: #ffdbdc;
  // 警告色
  --ap-color-warn: #faad14;
  // 警告色-禁用
  --ap-color-warn-disabled: #ffeed9;
  // 表格表头背景色
  --ap-table-header-bg: #f7f7f7;
  // 文本颜色1号色
  --ap-text-color-1: #666666;
  // 文本颜色二号色（着重）
  --ap-text-color-2: #333333;
  // 文本颜色三号色（次级）
  --ap-text-color-3: #999999;
  // 基础背景色（某些边框也使用此颜色）
  --ap-color-bg: #e9e9e9;
  // 背景色-1
  --ap-color-bg-1: #f6f9fa;
  // 背景色-2
  --ap-color-bg-2: #f5f5f5;
  // 滚动条滑动块基础色
  --ap-scrollbar-thumb-color-base: #bfbfbf;
  // 滚动条滑动块基础色
  --ap-scrollbar-thumb-color-hover: #787878;
  // 滚动条轨道颜色
  --ap-scrollbar-track-color-hover: #f7f7f7;
  // 文本颜色4号色（三级）
  --ap-text-color-4: #bfbfbf;
  // 通用的背景禁用色
  --color-bg-container-disabled: #f5f5f5;
  // 批量输入组禁用色
  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
  --ap-radio-group-item-active-bg-color: rgba(#34b77c, 0.12);
  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
  // 表格
  --ap-grid-fixed-scrolling-box-shadow-color: #e5e5e5;
  // 高级卡片
  --ap-pro-card-color-bg-container: transparent;
  --ap-pro-card-border-radius: 4px;
  --ap-pro-card-header-padding: 8px 16px 0;
  --ap-pro-card-header-padding-bottom: 8px;
  --ap-pro-card-body-padding: 8px 16px;
  --ap-pro-card-actions-padding: 12px 16px;
  --ap-pro-card-border-line-width: 1px;
  --ap-pro-card-border-line-type: solid;
  --ap-pro-card-border-color-split: #e9e9e9;
  --ap-pro-card-box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
  --ap-pro-card-tooltip-color: #999999;
  --ap-pro-card-header-title-font-size: 12px;
  --ap-pro-card-header-title-font-color: #333333;
  --ap-pro-card-area-color: #eff9f5;
  --ap-pro-card-split-line-height: 100%;
  --ap-pro-card-divider-line-height: 60%;
}