@aplus-frontend/ui 0.6.0-beta.4 → 0.6.0-beta.6

package/theme/index.css

@@ -1,3 +1,95 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+}
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #fafafa;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+}
 .reset-component {
   box-sizing: border-box;
   margin: 0;
@@ -8,6 +100,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -414,6 +523,9 @@
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
 }
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+  padding-right: 8px;
+}
 .aplus-ap-form-item--bordered .ant-input {
   padding: 0;
 }
@@ -427,7 +539,7 @@
   inset-inline-end: 0;
 }
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
-  padding-left: 11px;
+  padding-left: 8px;
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
@@ -480,7 +592,7 @@
   width: 100%;
 }
 .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
+  padding-inline: 8px;
   flex: 1;
 }
 .aplus-ap-form-drawer-form__resize-bar {
@@ -1428,6 +1540,23 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   cursor: pointer;
   color: var(--ap-action-color-primary-base, #0070ff);
 }
+.aplus-ap-table ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ap-table ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.aplus-ap-table ::-webkit-scrollbar-track,
+.aplus-ap-table ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.aplus-ap-table ::-webkit-scrollbar-thumb:hover,
+.aplus-ap-table ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .aplus-ap-table-wrapper {
   padding: 8px 8px 12px;
   background-color: #fff;
@@ -2596,6 +2725,23 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   width: 100vw;
   height: 100vh;
 }
+.aplus-ap-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.aplus-ap-grid ::-webkit-scrollbar-track,
+.aplus-ap-grid ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ap-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .aplus-ap-grid-adaptive {
   height: 100%;
   display: flex;

package/theme/index.less

@@ -1,3 +1,4 @@
+@import './ui-mode.less';
 @import './ap-action/item.less';
 @import './ap-action/item-dropdown.less';
 @import './ap-attachment/ap-attachment.less';

package/theme/mask/index.css

@@ -37,6 +37,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/mixins/mixins.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/mixins/mixins.less

@@ -19,6 +19,34 @@
   list-style: none;
 }
 
+// 通用滚动条重设样式，高度为10px，视觉高度为8px
+.reset-scrollbar {
+  ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+    border-radius: 4px;
+    box-shadow:
+      inset 0 -1px 0 0 #f0f0f0,
+      inset 0 1px 0 0 #f0f0f0,
+      inset -1px 0 0 0 #f0f0f0,
+      inset 1px 0 0 0 #f0f0f0;
+  }
+
+  ::-webkit-scrollbar-track,
+  ::-webkit-scrollbar-corner {
+    background-color: #ffffff;
+  }
+
+  ::-webkit-scrollbar-thumb:hover,
+  ::-webkit-scrollbar-thumb:active {
+    background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  }
+}
+
 .clear-fix {
   &::before {
     display: table;

package/theme/scroll-bar/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/scroll-view/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/splitter/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/text/group.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/text/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';

package/theme/ui-mode.css

@@ -0,0 +1,92 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+}
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #fafafa;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+}

package/theme/ui-mode.less

@@ -0,0 +1,93 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+}
+
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #fafafa;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+}

package/theme/work-order-modal/index.css

@@ -8,6 +8,23 @@
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  border-radius: 4px;
+  box-shadow: inset 0 -1px 0 0 #f0f0f0, inset 0 1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0, inset 1px 0 0 0 #f0f0f0;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';