feat: 原神主题增加安柏 莫娜 罗莎莉亚配色方案

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;
+    }
+  }
+}

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');
   }
 });

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;
+    }
+  }
+}

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;
+    }
+  }
+}