diff --git a/src/settings.ts b/src/settings.ts
index a9a2f6a2..e25fef2c 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -5,6 +5,8 @@ import { LanguageEnum } from "./enums/LanguageEnum";
 
 const { pkg } = __APP_INFO__;
 
+const mediaQueryList = window.matchMedia("(prefers-color-scheme: dark)");
+
 const defaultSettings: AppSettings = {
   title: pkg.name,
   version: pkg.version,
@@ -13,7 +15,7 @@ const defaultSettings: AppSettings = {
   fixedHeader: true,
   sidebarLogo: true,
   layout: LayoutEnum.LEFT,
-  theme: ThemeEnum.LIGHT,
+  theme: mediaQueryList.matches ? ThemeEnum.DARK : ThemeEnum.LIGHT,
   size: SizeEnum.DEFAULT,
   language: LanguageEnum.ZH_CN,
   themeColor: "#409EFF",