diff --git a/docs/.vitepress/theme/components/Tag.vue b/docs/.vitepress/theme/components/Tag.vue
index 98df5e7b4..6ccaf8881 100644
--- a/docs/.vitepress/theme/components/Tag.vue
+++ b/docs/.vitepress/theme/components/Tag.vue
@@ -124,7 +124,7 @@
   background: var(--vp-c-bg);
 }
 :deep(.arco-card-bordered) {
-  border: 1px solid var(--vp-c-divider-light);
+  border: 1px solid var(--vp-c-gutter);
 }
 :deep(.arco-card-body) {
   color: var(--vp-c-text-1);
@@ -135,14 +135,14 @@
   color: var(--vp-c-text-1);
 }
 :deep(.arco-list-bordered) {
-  border: 1px solid var(--vp-c-divider-light);
+  border: 1px solid var(--vp-c-gutter);
 }
 :deep(.arco-list-split .arco-list-header) {
   color: var(--vp-c-text-1);
-  border-bottom: 1px solid var(--vp-c-divider-light);
+  border-bottom: 1px solid var(--vp-c-gutter);
 }
 :deep(.arco-list-split .arco-list-item:not(:last-child)) {
-  border-bottom: 1px solid var(--vp-c-divider-light);
+  border-bottom: 1px solid var(--vp-c-gutter);
 }
 
 /** 标签样式 */
@@ -155,8 +155,8 @@
 .main-container-tag .tag-header-wrapper {
   padding: 24px 0;
   margin-bottom: 24px;
-  box-shadow: 0 1px 0 0 var(--vp-c-divider-light);
-  -webkit-box-shadow: 0 1px 0 0 var(--vp-c-divider-light);
+  box-shadow: 0 1px 0 0 var(--vp-c-gutter);
+  -webkit-box-shadow: 0 1px 0 0 var(--vp-c-gutter);
 }
 .main-container-tag .tag-header-wrapper .tag-breadcrumb-icon {
   position: relative;
@@ -193,7 +193,7 @@ svg:not(:root) {
   padding: 12px 12px;
   margin: 8px 8px 0 0;
   cursor: pointer;
-  border: 1px solid var(--vp-c-divider-light);
+  border: 1px solid var(--vp-c-gutter);
 }
 .main-container-tag .tag-title {
   margin-right: 6px;
diff --git a/docs/.vitepress/theme/styles/custom.css b/docs/.vitepress/theme/styles/custom.css
index 5b81f4695..e16322bb0 100644
--- a/docs/.vitepress/theme/styles/custom.css
+++ b/docs/.vitepress/theme/styles/custom.css
@@ -28,7 +28,7 @@ pre, code, kbd, samp {
 
 /* slim scroll bar for windows based web browsers - works on firefox */
 * {
-  scrollbar-color: var(--vp-c-divider-light) var(--vp-button-alt-bg);
+  scrollbar-color: var(--vp-c-gutter) var(--vp-button-alt-bg);
   scrollbar-width: thin;
 }
 
@@ -40,7 +40,7 @@ pre, code, kbd, samp {
 
 /* scrolling handle */
 ::-webkit-scrollbar-thumb {
-  background: var(--vp-c-divider-light);
+  background: var(--vp-c-gutter);
 }
 
 /* handle on hover */