@aplus-frontend/ui 6.17.0 → 6.17.2

package/theme/ui-mode.css

@@ -0,0 +1,60 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-border-color-base: #dee4ed;
+  --ap-hover-color-base: #66a9ff;
+  --ap-active-color-base: #66a9ff;
+  --ap-color-primary: #0070ff;
+  --ap-color-primary-disabled: #cce2ff;
+  --ap-color-link: #0070ff;
+  --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;
+  --ap-text-color-1: #526a90;
+  --ap-text-color-2: #182948;
+  --ap-text-color-3: #8896b0;
+  --ap-color-bg: #e9edf3;
+  --ap-color-bg-1: #f6f9fa;
+  --ap-color-bg-2: #f3f5f8;
+  --ap-scrollbar-thumb-color-base: #c8d1de;
+  --ap-scrollbar-thumb-color-hover: #959ca7;
+  --ap-text-color-4: #abb7cc;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
+  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
+}
+[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;
+  --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;
+  --ap-text-color-1: #666666;
+  --ap-text-color-2: #333333;
+  --ap-text-color-3: #999999;
+  --ap-color-bg: #e9e9e9;
+  --ap-color-bg-1: #f6f9fa;
+  --ap-color-bg-2: #f5f5f5;
+  --ap-scrollbar-thumb-color-base: #bfbfbf;
+  --ap-scrollbar-thumb-color-hover: #787878;
+  --ap-text-color-4: #bfbfbf;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
+  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
+}

package/theme/ui-mode.less

@@ -0,0 +1,109 @@
+[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;
+  // 文本颜色4号色（三级）
+  --ap-text-color-4: #abb7cc;
+  // 批量输入组禁用色
+  --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);
+}
+
+[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;
+  // 文本颜色4号色（三级）
+  --ap-text-color-4: #bfbfbf;
+  // 批量输入组禁用色
+  --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);
+}