diff --git a/src/components/item-d/item-d.vue b/src/components/item-d/item-d.vue
index 2f09177..36de752 100644
--- a/src/components/item-d/item-d.vue
+++ b/src/components/item-d/item-d.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="left-pie">
-        <public-title :title="props.title">
+        <public-title :title="props.title" :theme-type="themeType">
             <template #right>
                 {{ props.tips }}
             </template>
@@ -38,6 +38,10 @@
         userCount: {
             type: Number,
         },
+        themeType: {
+            type: String,
+            default: () => '',
+        },
     });
     const healthChart = ref<HTMLElement>();
     onMounted(() => {
@@ -113,4 +117,4 @@
             font-weight: normal;
         }
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/secondaryScreen/screen-left/screenLeft.vue b/src/components/secondaryScreen/screen-left/screenLeft.vue
index b4a1fb4..fc0a379 100644
--- a/src/components/secondaryScreen/screen-left/screenLeft.vue
+++ b/src/components/secondaryScreen/screen-left/screenLeft.vue
@@ -1,6 +1,14 @@
 <template>
     <template v-for="(item, index) in dataList" :key="`list${index}`">
-        <item-d :keu="spinning" :title="item.title" :data="item.data" :tips="item.tips" :color="item.color" :userCount="item.userCount" />
+        <item-d
+            :themeType="themeType"
+            :keu="spinning"
+            :title="item.title"
+            :data="item.data"
+            :tips="item.tips"
+            :color="item.color"
+            :userCount="item.userCount"
+        />
     </template>
 </template>
 
@@ -70,6 +78,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     onMounted(() => {});
     watch(props, () => {
@@ -108,4 +117,4 @@
     });
 </script>
 
-<style scoped></style>
\ No newline at end of file
+<style scoped></style>
diff --git a/src/components/secondaryScreen/screen-right/oneR.vue b/src/components/secondaryScreen/screen-right/oneR.vue
index ceb60f2..e68da00 100644
--- a/src/components/secondaryScreen/screen-right/oneR.vue
+++ b/src/components/secondaryScreen/screen-right/oneR.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="terminal-container self">
-        <public-title title="睡眠" />
+        <public-title title="睡眠" :theme-type="themeType" />
         <div class="inner">
             <div class="title">
                 <span class="lightSleep">平均睡眠 {{ nums.avg }} 深睡 {{ nums.avgLong }} 浅睡 {{ nums.avgShort }}</span>
@@ -22,6 +22,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const sleepChart = ref<HTMLElement>();
     watch(
@@ -110,4 +111,4 @@
             height: 80%;
         }
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/secondaryScreen/screen-right/threeR.vue b/src/components/secondaryScreen/screen-right/threeR.vue
index 538e18c..6b1c521 100644
--- a/src/components/secondaryScreen/screen-right/threeR.vue
+++ b/src/components/secondaryScreen/screen-right/threeR.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <public-title title="预警" />
+        <public-title title="预警" :theme-type="themeType" />
         <div class="inner-screen">
             <a-table
                 :scroll="{
@@ -36,6 +36,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const { setSession, getSession } = useSession();
     const { PAGE2_RIGHT3 } = caching;
diff --git a/src/components/secondaryScreen/screen-right/twoR.vue b/src/components/secondaryScreen/screen-right/twoR.vue
index edccf16..9dc3a6e 100644
--- a/src/components/secondaryScreen/screen-right/twoR.vue
+++ b/src/components/secondaryScreen/screen-right/twoR.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="pie-container self">
-        <public-title title="步数" />
+        <public-title title="步数" :theme-type="themeType" />
         <div class="inner" ref="healthChart"></div>
         <div class="count">
             <div class="t">总人数</div>
@@ -21,6 +21,7 @@
     const props = defineProps({
         orgCode: String,
         type: String,
+        themeType: String,
     });
     const { setSession, getSession } = useSession();
     const { PAGE2_RIGHT2 } = caching;
@@ -102,4 +103,4 @@
             font-weight: normal;
         }
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/indexSon.vue b/src/views/indexSon.vue
index ce8bf11..ee757d9 100644
--- a/src/views/indexSon.vue
+++ b/src/views/indexSon.vue
@@ -14,7 +14,7 @@
         </div>
         <div class="body-d">
             <div class="body-d-left">
-                <screen-left :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
+                <screen-left :themeType="themeType" :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
             </div>
             <div class="body-d-middle">
                 <SecondMap :orgCode="orgCode" :type="type">
@@ -31,9 +31,9 @@
                 </SecondMap>
             </div>
             <div class="body-d-right">
-                <one-r :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
-                <two-r :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
-                <three-r :orgCode="orgCode" :type="type" :refreshState="refreshState" />
+                <one-r :themeType="themeType" :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
+                <two-r :themeType="themeType" :key="tabState" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
+                <three-r :themeType="themeType" :orgCode="orgCode" :type="type" :refreshState="refreshState" />
             </div>
         </div>
         <div class="bottom-d"></div>
@@ -54,8 +54,17 @@
     import { useRefresh } from '/@/hooks/autoRefresh';
     import { DEFAULT_TIME } from '/@/hooks/autoRefresh/pageRefreshTime.ts';
     import { onUnmounted } from 'vue';
+    import { useTheme } from '/@/hooks/theme/useTheme.ts';
+    import { ThemeType } from '/@/utils/settings.ts';
 
     const { refreshState } = useRefresh(DEFAULT_TIME);
+
+    const store = useUserStore();
+
+    onMounted(() => {
+        store.setThemeType(ThemeType.dark);
+    });
+    const { themeType } = useTheme();
     const useStore = useUserStore();
     const { orgCode, option, fieldNames, setOrgCode } = useDepart();
     onMounted(() => {