diff --git a/src/layouts/components/AppSetting/index.vue b/src/layouts/components/AppSetting/index.vue
index e8b18985..0bcf62aa 100755
--- a/src/layouts/components/AppSetting/index.vue
+++ b/src/layouts/components/AppSetting/index.vue
@@ -93,7 +93,7 @@ function handleCopy() {
         :options="[
           { icon: 'i-ri:sun-line', label: '明亮', value: 'light' },
           { icon: 'i-ri:moon-line', label: '暗黑', value: 'dark' },
-          { icon: 'i-ri:computer-line', label: '系统', value: '' },
+          { icon: 'i-codicon:color-mode', label: '系统', value: '' },
         ]"
         class="w-60"
       />
diff --git a/src/layouts/components/Topbar/Toolbar/ColorScheme/index.vue b/src/layouts/components/Topbar/Toolbar/ColorScheme/index.vue
index 569492cf..7e467e4b 100644
--- a/src/layouts/components/Topbar/Toolbar/ColorScheme/index.vue
+++ b/src/layouts/components/Topbar/Toolbar/ColorScheme/index.vue
@@ -40,7 +40,7 @@ function toggleColorScheme(event: MouseEvent) {
   <HDropdown class="flex-center cursor-pointer px-2 py-1">
     <SvgIcon
       :name="{
-        '': 'i-ri:computer-line',
+        '': 'i-codicon:color-mode',
         'light': 'i-ri:sun-line',
         'dark': 'i-ri:moon-line',
       }[settingsStore.settings.app.colorScheme]" @click="toggleColorScheme"
@@ -51,7 +51,7 @@ function toggleColorScheme(event: MouseEvent) {
         :options="[
           { icon: 'i-ri:sun-line', label: '', value: 'light' },
           { icon: 'i-ri:moon-line', label: '', value: 'dark' },
-          { icon: 'i-ri:computer-line', label: '', value: '' },
+          { icon: 'i-codicon:color-mode', label: '', value: '' },
         ]"
         class="m-3"
       />