feat: 原神主题增加琴皮肤

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

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