diff --git a/frontend/src/api/common.ts b/frontend/src/api/common.ts
index 26b2cdd5..98a6e8b1 100644
--- a/frontend/src/api/common.ts
+++ b/frontend/src/api/common.ts
@@ -91,7 +91,7 @@ export function defineRequest<T>(fn: (ax: AxiosInstance) => T) {
               return h(
                 'div',
                 {
-                  class: 'justify-center text-hex-d4d6b6 text-center',
+                  class: 'justify-center text-#d4d6b6 text-center',
                   style: 'white-space:pre-wrap;width:250px;margin:10px',
                 },
                 `出现错误，可加群反馈:183439472\n${response.data.message}`,
diff --git a/frontend/src/components/dnf/Equipment/Info/index.vue b/frontend/src/components/dnf/Equipment/Info/index.vue
index 402a14cc..ee635072 100644
--- a/frontend/src/components/dnf/Equipment/Info/index.vue
+++ b/frontend/src/components/dnf/Equipment/Info/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-hex-222222">
     <div
-      :class="['bg-black text-shadow text-12px h-auto', 'text-hex-9D9476']"
+      :class="['bg-black text-shadow text-12px h-auto', 'text-#9D9476']"
       style="
         width: 220px;
         float: left;
@@ -26,7 +26,7 @@
       <div class="divide"></div>
       <div class="flex flex-col items-end my-1px" style="line-height: 15px">
         <div :class="rarity">{{ props.equipment?.rarity }}</div>
-        <div class="text-hex-7C6430">{{ props.equipment?.itemDetailType }}</div>
+        <div class="text-#7C6430">{{ props.equipment?.itemDetailType }}</div>
       </div>
       <!-- 装备基础信息 -->
       <div class="divide"></div>
diff --git a/frontend/src/components/dnf/Equipment/SuitInfo/index.vue b/frontend/src/components/dnf/Equipment/SuitInfo/index.vue
index d4bae271..9b4d17fe 100644
--- a/frontend/src/components/dnf/Equipment/SuitInfo/index.vue
+++ b/frontend/src/components/dnf/Equipment/SuitInfo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-hex-222222">
     <div
-      :class="['bg-black text-shadow text-12px h-auto', 'text-hex-9D9476']"
+      :class="['bg-black text-shadow text-12px h-auto', 'text-#9D9476']"
       style="
         width: 220px;
         float: left;
diff --git a/frontend/src/components/hooks/dialog.ts b/frontend/src/components/hooks/dialog.ts
index 4210e9f0..a59bb1a4 100644
--- a/frontend/src/components/hooks/dialog.ts
+++ b/frontend/src/components/hooks/dialog.ts
@@ -165,7 +165,7 @@ export const useDialog = createSharedComposable(() => {
                     return h(
                       'div',
                       {
-                        class: 'w-full justify-center text-hex-d4d6b6 text-center',
+                        class: 'w-full justify-center text-#d4d6b6 text-center',
                         style: 'margin:10px',
                       },
                       content,
diff --git a/frontend/src/pages/Character/Config/import.vue b/frontend/src/pages/Character/Config/import.vue
index aed47ee8..6269395b 100644
--- a/frontend/src/pages/Character/Config/import.vue
+++ b/frontend/src/pages/Character/Config/import.vue
@@ -45,16 +45,16 @@ export default defineComponent({
     return () => {
       return (
         <>
-          <div class="h-30 w-80 py-2 px-4 text-hex-e9c556">
+          <div class="h-30 w-80 py-2 px-4 text-#e9c556">
             <div class="flex justify-around items-center">
               助手社区ID
               <calc-input class="!w-60" v-model={uid.value} />
             </div>
             <div>
-              <p class="text-hex-e9c556/80">
+              <p class="text-#e9c556/80">
                 * 点击导入后会从助手通过文字识别获取打造
               </p>
-              <p class="text-hex-e9c556/80">
+              <p class="text-#e9c556/80">
                 * 部分打造无法获取，此处仅做快捷导入
               </p>
             </div>
diff --git a/frontend/src/pages/Character/Config/importSkill.vue b/frontend/src/pages/Character/Config/importSkill.vue
index d8bbc13d..de043666 100644
--- a/frontend/src/pages/Character/Config/importSkill.vue
+++ b/frontend/src/pages/Character/Config/importSkill.vue
@@ -44,16 +44,16 @@ export default defineComponent({
     return () => {
       return (
         <>
-          <div class="h-35 w-80 py-2 px-4 text-hex-e9c556">
+          <div class="h-35 w-80 py-2 px-4 text-#e9c556">
             <div class="flex justify-around items-center">
               技能加点代码
               <calc-input class="!w-60" v-model={skillCode.value} />
             </div>
             <div>
-              <p class="text-hex-e9c556/80">
+              <p class="text-#e9c556/80">
                 * 点击导入后会根据规则解析出技能加点、技能进化、技能强化
               </p>
-              <p class="text-hex-e9c556/80">
+              <p class="text-#e9c556/80">
                 * 部分技能可能存在无法识别的情况，需要手动调整
               </p>
             </div>
diff --git a/frontend/src/pages/Character/Result/components/Info.vue b/frontend/src/pages/Character/Result/components/Info.vue
index 61dd307e..7ccf1155 100644
--- a/frontend/src/pages/Character/Result/components/Info.vue
+++ b/frontend/src/pages/Character/Result/components/Info.vue
@@ -13,8 +13,8 @@
           class="flex box-border mt-2px"
           :style="{ width: info.value.toString().includes('/') ? '100%' : '49%' }"
         >
-          <div class="w-60px text-hex-836832">{{ info.name }}</div>
-          <div class="ml-auto text-hex-3ea74e">{{ info.value }}</div>
+          <div class="w-60px text-#836832">{{ info.name }}</div>
+          <div class="ml-auto text-#3ea74e">{{ info.value }}</div>
         </div>
       </template>
     </div>
diff --git a/frontend/src/pages/Home/Index.vue b/frontend/src/pages/Home/Index.vue
index 04081e66..a643ee1c 100644
--- a/frontend/src/pages/Home/Index.vue
+++ b/frontend/src/pages/Home/Index.vue
@@ -75,7 +75,7 @@ export default defineComponent(async () => {
                 >
                   {child.comment}
                 </div>
-                <div class="text-xs text-center w-full bottom-1 text-hex-bea347 absolute">
+                <div class="text-xs text-center w-full bottom-1 text-#bea347 absolute">
                   {child.title}
                 </div>
                 <div
@@ -87,7 +87,7 @@ export default defineComponent(async () => {
           </div>
         ))}
         <div class="flex pt-4 justify-center">
-          <a class="text-hex-bea347" href="https://beian.miit.gov.cn/" target="_blank">
+          <a class="text-#bea347" href="https://beian.miit.gov.cn/" target="_blank">
             赣ICP备2023003492号
           </a>
         </div>
diff --git a/images b/images
index 6c2faec2..2dc49b5e 160000
--- a/images
+++ b/images
@@ -1 +1 @@
-Subproject commit 6c2faec2f2b4d6a68772c928f2d1ae9ecac33269
+Subproject commit 2dc49b5e8f2437cfea2f85e14ee3bca7845ff03e