diff --git a/web/plugins/com.msgbyte.theme.genshin/src/index.ts b/web/plugins/com.msgbyte.theme.genshin/src/index.ts
index 82ce5969..d437e085 100644
--- a/web/plugins/com.msgbyte.theme.genshin/src/index.ts
+++ b/web/plugins/com.msgbyte.theme.genshin/src/index.ts
@@ -5,6 +5,11 @@ regPluginColorScheme({
   name: 'light+genshin-hutao',
 });
 
+regPluginColorScheme({
+  label: '原神-琴',
+  name: 'light+genshin-jean',
+});
+
 /**
  * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片)
  */
@@ -12,5 +17,8 @@ sharedEvent.on('loadColorScheme', (colorSchemeName) => {
   if (colorSchemeName === 'light+genshin-hutao') {
     console.log('正在加载胡桃主题...');
     import('./hutao/theme.less');
+  } else if (colorSchemeName === 'light+genshin-jean') {
+    console.log('正在加载琴主题...');
+    import('./jean/theme.less');
   }
 });
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/jean/avatar.png b/web/plugins/com.msgbyte.theme.genshin/src/jean/avatar.png
new file mode 100644
index 00000000..bc202acf
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/jean/avatar.png differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/jean/bg.jpeg b/web/plugins/com.msgbyte.theme.genshin/src/jean/bg.jpeg
new file mode 100644
index 00000000..9438b327
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/jean/bg.jpeg differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/jean/theme.less b/web/plugins/com.msgbyte.theme.genshin/src/jean/theme.less
new file mode 100644
index 00000000..13876d6e
--- /dev/null
+++ b/web/plugins/com.msgbyte.theme.genshin/src/jean/theme.less
@@ -0,0 +1,40 @@
+#tailchat-app.theme-genshin-jean {
+  @primary-color: #5f93b4;
+
+  --tc-primary-color: @primary-color;
+  --tc-background-image: url(./bg.jpeg);
+  --tc-content-background-image: url(./avatar.png);
+  --tc-content-background-image-opacity: 0.15;
+
+  .bg-navbar-light {
+    background-color: @primary-color;
+
+    .bg-gray-400 {
+      background-color: darken(@primary-color, 10%);
+    }
+  }
+
+  .bg-sidebar-light {
+    background-color: lighten(@primary-color, 20%);
+  }
+
+  .bg-content-light {
+    background-color: lighten(@primary-color, 40%);
+  }
+
+  &.dark {
+    --tc-primary-color: darken(@primary-color, 10%);
+
+    .dark\:bg-navbar-dark {
+      background-color: darken(@primary-color, 40%);
+    }
+
+    .dark\:bg-sidebar-dark {
+      background-color: darken(@primary-color, 20%);
+    }
+
+    .dark\:bg-content-dark {
+      background-color: @primary-color;
+    }
+  }
+}