diff --git a/templates/modules/widgets/about-widgets/personalities-photo.html b/templates/modules/widgets/about-widgets/personalities-photo.html
index c9d4300f..580bdf1c 100644
--- a/templates/modules/widgets/about-widgets/personalities-photo.html
+++ b/templates/modules/widgets/about-widgets/personalities-photo.html
@@ -9,7 +9,7 @@
 
         <th:block th:if="${personality == 'infp'}">
             <span class="author-content-item-title">调停者</span>
-            <div class="title2" style="color: #56a178;">INFP</div>
+            <div class="title2" style="color: #33a474;">INFP</div>
             <div class="image"><img th:src="${assets_link + '/images/infp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -21,7 +21,7 @@
 
         <th:block th:if="${personality == 'intj'}">
             <span class="author-content-item-title">建筑师</span>
-            <div class="title2" style="color: #56a178;">INTJ</div>
+            <div class="title2" style="color: #88619a;">INTJ</div>
             <div class="image"><img th:src="${assets_link + '/images/intj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -33,7 +33,7 @@
 
         <th:block th:if="${personality == 'intp'}">
             <span class="author-content-item-title">逻辑学家</span>
-            <div class="title2" style="color: #56a178;">INTP</div>
+            <div class="title2" style="color: #88619a;">INTP</div>
             <div class="image"><img th:src="${assets_link + '/images/intp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -45,7 +45,7 @@
 
         <th:block th:if="${personality == 'entj'}">
             <span class="author-content-item-title">指挥官</span>
-            <div class="title2" style="color: #56a178;">ENTJ</div>
+            <div class="title2" style="color: #88619a;">ENTJ</div>
             <div class="image"><img th:src="${assets_link + '/images/entj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -57,7 +57,7 @@
 
         <th:block th:if="${personality == 'entp'}">
             <span class="author-content-item-title">辩论家</span>
-            <div class="title2" style="color: #56a178;">ENTP</div>
+            <div class="title2" style="color: #88619a;">ENTP</div>
             <div class="image"><img th:src="${assets_link + '/images/entp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -69,7 +69,7 @@
 
         <th:block th:if="${personality == 'enfj'}">
             <span class="author-content-item-title">主人公</span>
-            <div class="title2" style="color: #56a178;">ENFJ</div>
+            <div class="title2" style="color: #33a474;">ENFJ</div>
             <div class="image"><img th:src="${assets_link + '/images/enfj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -81,7 +81,7 @@
 
         <th:block th:if="${personality == 'enfp'}">
             <span class="author-content-item-title">竞选者</span>
-            <div class="title2" style="color: #56a178;">ENFP</div>
+            <div class="title2" style="color: #33a474;">ENFP</div>
             <div class="image"><img th:src="${assets_link + '/images/enfp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -93,7 +93,7 @@
 
         <th:block th:if="${personality == 'estj'}">
             <span class="author-content-item-title">总经理</span>
-            <div class="title2" style="color: #56a178;">ESTJ</div>
+            <div class="title2" style="color: #4298b4;">ESTJ</div>
             <div class="image"><img th:src="${assets_link + '/images/estj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -105,7 +105,7 @@
 
         <th:block th:if="${personality == 'estp'}">
             <span class="author-content-item-title">企业家</span>
-            <div class="title2" style="color: #56a178;">ESTP</div>
+            <div class="title2" style="color: #e4ae3a;">ESTP</div>
             <div class="image"><img th:src="${assets_link + '/images/estp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -117,7 +117,7 @@
 
         <th:block th:if="${personality == 'esfj'}">
             <span class="author-content-item-title">执政官</span>
-            <div class="title2" style="color: #56a178;">ESFJ</div>
+            <div class="title2" style="color: #4298b4;">ESFJ</div>
             <div class="image"><img th:src="${assets_link + '/images/esfj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -129,7 +129,7 @@
 
         <th:block th:if="${personality == 'esfp'}">
             <span class="author-content-item-title">表演者</span>
-            <div class="title2" style="color: #56a178;">ESFP</div>
+            <div class="title2" style="color: #e4ae3a;">ESFP</div>
             <div class="image"><img th:src="${assets_link + '/images/esfp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -141,7 +141,7 @@
 
         <th:block th:if="${personality == 'infj'}">
             <span class="author-content-item-title">提倡者</span>
-            <div class="title2" style="color: #56a178;">INFJ</div>
+            <div class="title2" style="color: #33a474;">INFJ</div>
             <div class="image"><img th:src="${assets_link + '/images/infj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -153,7 +153,7 @@
 
         <th:block th:if="${personality == 'istj'}">
             <span class="author-content-item-title">物流师</span>
-            <div class="title2" style="color: #56a178;">ISTJ</div>
+            <div class="title2" style="color: #4298b4;">ISTJ</div>
             <div class="image"><img th:src="${assets_link + '/images/istj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -165,7 +165,7 @@
 
         <th:block th:if="${personality == 'istp'}">
             <span class="author-content-item-title">鉴赏家</span>
-            <div class="title2" style="color: #56a178;">ISTP</div>
+            <div class="title2" style="color: #e4ae3a;">ISTP</div>
             <div class="image"><img th:src="${assets_link + '/images/istp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -177,7 +177,7 @@
 
         <th:block th:if="${personality == 'isfj'}">
             <span class="author-content-item-title">守卫者</span>
-            <div class="title2" style="color: #56a178;">ISFJ</div>
+            <div class="title2" style="color: #4298b4;">ISFJ</div>
             <div class="image"><img th:src="${assets_link + '/images/isfj.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"
@@ -189,7 +189,7 @@
 
         <th:block th:if="${personality == 'isfp'}">
             <span class="author-content-item-title">探险家</span>
-            <div class="title2" style="color: #56a178;">ISFP</div>
+            <div class="title2" style="color: #e4ae3a;">ISFP</div>
             <div class="image"><img th:src="${assets_link + '/images/isfp.svg'}" style="transform: rotateY(180deg);">
             </div>
             <div class="post-tips">在 <a href="https://www.16personalities.com/" rel="noopener nofollow"