diff --git a/settings.yaml b/settings.yaml
index c2524e1..81df286 100644
--- a/settings.yaml
+++ b/settings.yaml
@@ -811,10 +811,20 @@ spec:
               name: wechat_img_face
               label: 公众号正面图
               placeholder: '请输入/选择公众号正面图路径'
+            - $formkit: color
+              name: wechat_img_face_color
+              label: 公众号正面图背景色
+              help: 用于填充图片无法铺满部分的颜色。
+              value: '#07c261'
             - $formkit: attachment
               name: wechat_img_back
               label: 公众号背面图
               placeholder: '请输入/选择公众号背面图路径'
+            - $formkit: color
+              name: wechat_img_back_color
+              label: 公众号背面图背景色
+              help: 用于填充图片无法铺满部分的颜色。
+              value: '#ffffff'
         - $formkit: attachment
           name: love_oneself_avatar
           label: 侧边栏恋爱墙-自己的头像
diff --git a/src/css/style.less b/src/css/style.less
index 757090b..0645f1f 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -3545,7 +3545,6 @@ button.swiper-pagination-bullet {
     line-height: 1.7em;
     margin-bottom: 14px;
     padding: 8px 15px;
-    //color: var(--dark-b);
     color: var(--dark-c);
     background: var(--bg-h);
     border-left: 5px solid var(--theme);
@@ -3586,16 +3585,6 @@ button.swiper-pagination-bullet {
           }
         }
 
-        //&  ul {
-        //  &:not(:last-child) {
-        //    margin-bottom: 4px !important;
-        //  }
-        //
-        //  &:last-child {
-        //    margin-bottom: 0px !important;
-        //  }
-        //}
-
         p:not(:last-child) {
           margin-bottom: 4px !important;
         }
diff --git a/templates/widget/wechat.html b/templates/widget/wechat.html
index 75b2811..661230f 100644
--- a/templates/widget/wechat.html
+++ b/templates/widget/wechat.html
@@ -8,10 +8,11 @@
         th:href="${!#strings.isEmpty(wechatUrl) ? wechatUrl : (!#strings.isEmpty(faceImg) ? faceImg : (!#strings.isEmpty(backImg) ? backImg : '#'))}"
         th:onclick="${#strings.isEmpty(wechatUrl)} ? 'event.preventDefault();'" target="_blank">
         <div th:class="${!#strings.isEmpty(faceImg) && !#strings.isEmpty(backImg) ? 'flip-content animation' : 'flip-content'}">
-            <div class="wechatFace">
+            <div class="wechatFace" th:style="|background-color: ${theme.config.sidebar.wechat.wechat_img_face_color};|">
                 <img th:if="${!#strings.isEmpty(faceImg)}" height="auto" width="auto" th:src="${faceImg}" alt="微信公众号"/>
             </div>
-            <div th:class="${!#strings.isEmpty(faceImg) && !#strings.isEmpty(backImg) ? 'wechatBack animation' : 'wechatBack'}" th:classappend="${#strings.isEmpty(faceImg)}? 'show'">
+            <div th:class="${!#strings.isEmpty(faceImg) && !#strings.isEmpty(backImg) ? 'wechatBack animation' : 'wechatBack'}" th:classappend="${#strings.isEmpty(faceImg)}? 'show'"
+                 th:style="|background-color: ${theme.config.sidebar.wechat.wechat_img_back_color};|">
                 <img th:if="${!#strings.isEmpty(backImg)}" height="auto" width="auto" th:src="${backImg}" alt="微信公众号"/>
             </div>
         </div>
diff --git a/theme.yaml b/theme.yaml
index a97ae85..4bbebe0 100644
--- a/theme.yaml
+++ b/theme.yaml
@@ -22,6 +22,6 @@ spec:
   settingName: theme-dream-setting
   configMapName: theme-dream-configMap
   # 版本号
-  version: 1.0.3.23
+  version: 1.0.3.24
   # 最低支持的 Halo 版本
   require: ">=2.6.0"
\ No newline at end of file