优化

client/web/plugins/com.msgbyte.theme.genshin/README.md

@@ -0,0 +1,8 @@
+## 原神主题
+
+包含主题如下:
+- 原神-胡桃
+- 原神-琴
+- 原神-安柏
+- 原神-莫娜
+- 原神-罗莎莉亚

client/web/plugins/com.msgbyte.theme.genshin/manifest.json

@@ -0,0 +1,13 @@
+{
+  "label": "Genshin Theme",
+  "label.zh-CN": "原神主题",
+  "name": "com.msgbyte.theme.genshin",
+  "url": "/plugins/com.msgbyte.theme.genshin/index.js",
+  "icon": "/plugins/com.msgbyte.theme.genshin/assets/icon.jpg",
+  "version": "0.0.0",
+  "author": "msgbyte",
+  "description": "Genshin Theme",
+  "description.zh-CN": "原神主题",
+  "documentUrl": "/plugins/com.msgbyte.theme.genshin/README.md",
+  "requireRestart": false
+}

client/web/plugins/com.msgbyte.theme.genshin/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@plugins/com.msgbyte.theme.genshin",
+  "main": "src/index.ts",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {}
+}

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

client/web/plugins/com.msgbyte.theme.genshin/src/hutao/theme.less

@@ -0,0 +1,40 @@
+#tailchat-app.theme-genshin-hutao {
+  @primary-color: #dd5545;
+
+  --tc-primary-color: @primary-color;
+  --tc-background-image: url(./bg.jpg);
+  --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;
+    }
+  }
+}

client/web/plugins/com.msgbyte.theme.genshin/src/index.ts

@@ -0,0 +1,48 @@
+import { regPluginColorScheme, sharedEvent } from '@capital/common';
+
+regPluginColorScheme({
+  label: '原神-胡桃',
+  name: 'light+genshin-hutao',
+});
+
+regPluginColorScheme({
+  label: '原神-琴',
+  name: 'light+genshin-jean',
+});
+
+regPluginColorScheme({
+  label: '原神-安柏',
+  name: 'light+genshin-amber',
+});
+
+regPluginColorScheme({
+  label: '原神-莫娜',
+  name: 'light+genshin-mona',
+});
+
+regPluginColorScheme({
+  label: '原神-罗莎莉亚',
+  name: 'light+genshin-rosaria',
+});
+
+/**
+ * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片)
+ */
+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');
+  } 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');
+  }
+});

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

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

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

client/web/plugins/com.msgbyte.theme.genshin/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react",
+    "paths": {
+      "@capital/*": ["../../src/plugin/*"],
+    }
+  }
+}

client/web/plugins/com.msgbyte.theme.genshin/types/index.d.ts

@@ -0,0 +1 @@
+declare module '*.less';