diff --git a/web/plugins/com.msgbyte.theme.genshin/src/amber/avatar.png b/web/plugins/com.msgbyte.theme.genshin/src/amber/avatar.png
new file mode 100644
index 00000000..636263d6
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/amber/avatar.png differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/amber/bg.jpeg b/web/plugins/com.msgbyte.theme.genshin/src/amber/bg.jpeg
new file mode 100644
index 00000000..e487700e
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/amber/bg.jpeg differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/amber/theme.less b/web/plugins/com.msgbyte.theme.genshin/src/amber/theme.less
new file mode 100644
index 00000000..578306a3
--- /dev/null
+++ b/web/plugins/com.msgbyte.theme.genshin/src/amber/theme.less
@@ -0,0 +1,40 @@
+#tailchat-app.theme-genshin-amber {
+  @primary-color: #bb1d22;
+
+  --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;
+    }
+  }
+}
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/index.ts b/web/plugins/com.msgbyte.theme.genshin/src/index.ts
index d437e085..609ed1a1 100644
--- a/web/plugins/com.msgbyte.theme.genshin/src/index.ts
+++ b/web/plugins/com.msgbyte.theme.genshin/src/index.ts
@@ -10,6 +10,21 @@ regPluginColorScheme({
   name: 'light+genshin-jean',
 });
 
+regPluginColorScheme({
+  label: '原神-安柏',
+  name: 'light+genshin-amber',
+});
+
+regPluginColorScheme({
+  label: '原神-莫娜',
+  name: 'light+genshin-mona',
+});
+
+regPluginColorScheme({
+  label: '原神-罗莎莉亚',
+  name: 'light+genshin-rosaria',
+});
+
 /**
  * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片)
  */
@@ -20,5 +35,14 @@ sharedEvent.on('loadColorScheme', (colorSchemeName) => {
   } else if (colorSchemeName === 'light+genshin-jean') {
     console.log('正在加载琴主题...');
     import('./jean/theme.less');
+  } else if (colorSchemeName === 'light+genshin-amber') {
+    console.log('正在加载安柏主题...');
+    import('./amber/theme.less');
+  } else if (colorSchemeName === 'light+genshin-mona') {
+    console.log('正在加载莫娜主题...');
+    import('./mona/theme.less');
+  } else if (colorSchemeName === 'light+genshin-rosaria') {
+    console.log('正在加载罗莎莉亚主题...');
+    import('./rosaria/theme.less');
   }
 });
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/mona/avatar.png b/web/plugins/com.msgbyte.theme.genshin/src/mona/avatar.png
new file mode 100644
index 00000000..aaeb5ebb
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/mona/avatar.png differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/mona/bg.jpeg b/web/plugins/com.msgbyte.theme.genshin/src/mona/bg.jpeg
new file mode 100644
index 00000000..9f2acfa0
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/mona/bg.jpeg differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/mona/theme.less b/web/plugins/com.msgbyte.theme.genshin/src/mona/theme.less
new file mode 100644
index 00000000..784e8f40
--- /dev/null
+++ b/web/plugins/com.msgbyte.theme.genshin/src/mona/theme.less
@@ -0,0 +1,40 @@
+#tailchat-app.theme-genshin-mona {
+  @primary-color: #5a5ea5;
+
+  --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;
+    }
+  }
+}
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/rosaria/avatar.png b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/avatar.png
new file mode 100644
index 00000000..9dfbdd50
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/avatar.png differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/rosaria/bg.jpeg b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/bg.jpeg
new file mode 100644
index 00000000..6b6fdc23
Binary files /dev/null and b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/bg.jpeg differ
diff --git a/web/plugins/com.msgbyte.theme.genshin/src/rosaria/theme.less b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/theme.less
new file mode 100644
index 00000000..ea64bf94
--- /dev/null
+++ b/web/plugins/com.msgbyte.theme.genshin/src/rosaria/theme.less
@@ -0,0 +1,40 @@
+#tailchat-app.theme-genshin-rosaria {
+  @primary-color: #92546f;
+
+  --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;
+    }
+  }
+}