diff --git a/src/views/result/fail.vue b/src/views/result/fail.vue
index e50b194..aa049c1 100644
--- a/src/views/result/fail.vue
+++ b/src/views/result/fail.vue
@@ -37,10 +37,17 @@
   </n-card>
 </template>
 <script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useThemeVars } from 'naive-ui';
   import { useRouter } from 'vue-router';
   import { InfoCircleOutlined } from '@vicons/antd';
 
   const router = useRouter();
+  const themeVars = useThemeVars();
+
+  const getTableHeaderColor = computed(() => {
+    return themeVars.value.tableHeaderColor;
+  });
 
   function goHome() {
     router.push('/');
@@ -56,7 +63,7 @@
     &-extra {
       padding: 24px 40px;
       text-align: left;
-      background: #f8f8f9;
+      background: v-bind(getTableHeaderColor);
       border-radius: 4px;
     }
   }
diff --git a/src/views/result/info.vue b/src/views/result/info.vue
index 600e51b..a9d59be 100644
--- a/src/views/result/info.vue
+++ b/src/views/result/info.vue
@@ -41,10 +41,17 @@
   </n-card>
 </template>
 <script lang="ts" setup>
+  import { computed } from 'vue';
+  import { useThemeVars } from 'naive-ui';
   import { useRouter } from 'vue-router';
   import { CheckCircleOutlined } from '@vicons/antd';
 
   const router = useRouter();
+  const themeVars = useThemeVars();
+
+  const getTableHeaderColor = computed(() => {
+    return themeVars.value.tableHeaderColor;
+  });
 
   function goHome() {
     router.push('/');
@@ -60,7 +67,7 @@
     &-extra {
       padding: 24px 40px;
       text-align: left;
-      background: #f8f8f9;
+      background: v-bind(getTableHeaderColor);
       border-radius: 4px;
     }
   }
diff --git a/src/views/result/success.vue b/src/views/result/success.vue
index bf9a0c3..dd09f6c 100644
--- a/src/views/result/success.vue
+++ b/src/views/result/success.vue
@@ -23,9 +23,16 @@
   </n-card>
 </template>
 <script lang="ts" setup>
+  import { computed } from 'vue';
   import { useRouter } from 'vue-router';
+  import { useThemeVars } from 'naive-ui';
 
   const router = useRouter();
+  const themeVars = useThemeVars();
+
+  const getTableHeaderColor = computed(() => {
+    return themeVars.value.tableHeaderColor;
+  });
 
   function goHome() {
     router.push('/');
@@ -41,7 +48,7 @@
     &-extra {
       padding: 24px 40px;
       text-align: left;
-      background: #f8f8f9;
+      background: v-bind(getTableHeaderColor);
       border-radius: 4px;
     }
   }