diff --git a/compiled/alipay/src/PopoverList/index.less b/compiled/alipay/src/PopoverList/index.less
index ce0862713..a638e4370 100644
--- a/compiled/alipay/src/PopoverList/index.less
+++ b/compiled/alipay/src/PopoverList/index.less
@@ -53,7 +53,7 @@
       position: absolute;
       top: 0;
       left: 16 * @rpx;
-      width: calc(200% - 192 * @rpx);
+      width: calc(200% - @popover-content-width);
       height: 2 * @rpx;
       transform: scale(0.5);
       background: @popover-content-color;
@@ -68,6 +68,7 @@
         font-size: 48 * @rpx;
         width: 48 * @rpx;
         height: 48 * @rpx;
+        color: @popover-content-color;
       }
     }
     &-image {
diff --git a/compiled/alipay/src/PopoverList/variable.less b/compiled/alipay/src/PopoverList/variable.less
index 150998e95..f4f407150 100644
--- a/compiled/alipay/src/PopoverList/variable.less
+++ b/compiled/alipay/src/PopoverList/variable.less
@@ -6,6 +6,8 @@
 // 圆角
 @popover-radius: @corner-radius-md;
 
+@popover-content-width: 192 * @rpx;
+
 //content
 @popover-content-bg: var(--popover-list-content-bg, rgba(0, 0, 0, 0.93));
 @popover-content-color: var(--popover-list-content-color, @COLOR_TEXT_PRIMARY);
diff --git a/compiled/alipay/src/style/themes/theme-mode.less b/compiled/alipay/src/style/themes/theme-mode.less
index 94b6687b4..eddfdb2d6 100644
--- a/compiled/alipay/src/style/themes/theme-mode.less
+++ b/compiled/alipay/src/style/themes/theme-mode.less
@@ -340,7 +340,6 @@
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
     --popover-list-content-color: #ffffff;
     --popover-list-badge-color: #ff411c;
-    --popover-list-content-color: #333333;
 
     // rare-words
     --rare-words-bg: rgba(0, 0, 0, 0.45);
@@ -785,7 +784,7 @@
 
     // popoverList
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
-    --popover-list-content-color: #ffffff;
+
     --popover-list-badge-color: #ff411c;
     --popover-list-content-color: #c5cad1;
 
diff --git a/compiled/alipay/src/style/variables.less b/compiled/alipay/src/style/variables.less
index b610f4a46..efb342648 100644
--- a/compiled/alipay/src/style/variables.less
+++ b/compiled/alipay/src/style/variables.less
@@ -339,7 +339,6 @@ page {
   --popover-list-content-bg: rgba(0, 0, 0, 0.93);
   --popover-list-content-color: #ffffff;
   --popover-list-badge-color: #ff411c;
-  --popover-list-content-color: #333333;
 
   // rare-words
   --rare-words-bg: rgba(0, 0, 0, 0.45);
diff --git a/compiled/wechat/src/PopoverList/index.wxss b/compiled/wechat/src/PopoverList/index.wxss
index 8d42a0a75..143b19a55 100644
--- a/compiled/wechat/src/PopoverList/index.wxss
+++ b/compiled/wechat/src/PopoverList/index.wxss
@@ -45,7 +45,7 @@
   position: absolute;
   top: 0;
   left: 16rpx;
-  width: calc(200% - 192 * 1rpx);
+  width: calc(200% - 192rpx);
   height: 2rpx;
   transform: scale(0.5);
   background: var(--popover-list-content-color, #333333);
@@ -61,6 +61,7 @@
   font-size: 48rpx;
   width: 48rpx;
   height: 48rpx;
+  color: var(--popover-list-content-color, #333333);
 }
 .ant-popover-list-item-image {
   width: 48rpx;
diff --git a/compiled/wechat/src/style/themes/theme-mode.wxss b/compiled/wechat/src/style/themes/theme-mode.wxss
index 096814a79..607195ffa 100644
--- a/compiled/wechat/src/style/themes/theme-mode.wxss
+++ b/compiled/wechat/src/style/themes/theme-mode.wxss
@@ -257,7 +257,6 @@
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
     --popover-list-content-color: #ffffff;
     --popover-list-badge-color: #ff411c;
-    --popover-list-content-color: #333333;
     --rare-words-bg: rgba(0, 0, 0, 0.45);
     --rare-keyboard-bg: #d8d8d8;
     --rare-words-keyboard-color: #333333;
@@ -585,7 +584,6 @@
     --radio-fake-icon-background-color: #1a1a1a;
     --radio-icon-color: #ffffff;
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
-    --popover-list-content-color: #ffffff;
     --popover-list-badge-color: #ff411c;
     --popover-list-content-color: #c5cad1;
     --rare-words-bg: rgba(0, 0, 0, 0.45);
diff --git a/compiled/wechat/src/style/variables.wxss b/compiled/wechat/src/style/variables.wxss
index fb35860b5..a68c1a89a 100644
--- a/compiled/wechat/src/style/variables.wxss
+++ b/compiled/wechat/src/style/variables.wxss
@@ -257,7 +257,6 @@ page {
   --popover-list-content-bg: rgba(0, 0, 0, 0.93);
   --popover-list-content-color: #ffffff;
   --popover-list-badge-color: #ff411c;
-  --popover-list-content-color: #333333;
   --rare-words-bg: rgba(0, 0, 0, 0.45);
   --rare-keyboard-bg: #d8d8d8;
   --rare-words-keyboard-color: #333333;
diff --git a/src/PopoverList/index.less b/src/PopoverList/index.less
index ce0862713..a638e4370 100644
--- a/src/PopoverList/index.less
+++ b/src/PopoverList/index.less
@@ -53,7 +53,7 @@
       position: absolute;
       top: 0;
       left: 16 * @rpx;
-      width: calc(200% - 192 * @rpx);
+      width: calc(200% - @popover-content-width);
       height: 2 * @rpx;
       transform: scale(0.5);
       background: @popover-content-color;
@@ -68,6 +68,7 @@
         font-size: 48 * @rpx;
         width: 48 * @rpx;
         height: 48 * @rpx;
+        color: @popover-content-color;
       }
     }
     &-image {
diff --git a/src/PopoverList/variable.less b/src/PopoverList/variable.less
index 150998e95..f4f407150 100644
--- a/src/PopoverList/variable.less
+++ b/src/PopoverList/variable.less
@@ -6,6 +6,8 @@
 // 圆角
 @popover-radius: @corner-radius-md;
 
+@popover-content-width: 192 * @rpx;
+
 //content
 @popover-content-bg: var(--popover-list-content-bg, rgba(0, 0, 0, 0.93));
 @popover-content-color: var(--popover-list-content-color, @COLOR_TEXT_PRIMARY);
diff --git a/src/style/themes/theme-mode.less b/src/style/themes/theme-mode.less
index 94b6687b4..eddfdb2d6 100644
--- a/src/style/themes/theme-mode.less
+++ b/src/style/themes/theme-mode.less
@@ -340,7 +340,6 @@
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
     --popover-list-content-color: #ffffff;
     --popover-list-badge-color: #ff411c;
-    --popover-list-content-color: #333333;
 
     // rare-words
     --rare-words-bg: rgba(0, 0, 0, 0.45);
@@ -785,7 +784,7 @@
 
     // popoverList
     --popover-list-content-bg: rgba(0, 0, 0, 0.93);
-    --popover-list-content-color: #ffffff;
+
     --popover-list-badge-color: #ff411c;
     --popover-list-content-color: #c5cad1;
 
diff --git a/src/style/variables.less b/src/style/variables.less
index b610f4a46..efb342648 100644
--- a/src/style/variables.less
+++ b/src/style/variables.less
@@ -339,7 +339,6 @@ page {
   --popover-list-content-bg: rgba(0, 0, 0, 0.93);
   --popover-list-content-color: #ffffff;
   --popover-list-badge-color: #ff411c;
-  --popover-list-content-color: #333333;
 
   // rare-words
   --rare-words-bg: rgba(0, 0, 0, 0.45);