feat: 增加原神胡桃主题

registry.json

@@ -16,5 +16,14 @@
     "author": "msgbyte",
     "description": "初音未来主题",
     "requireRestart": true
+  },
+  {
+    "label": "原神主题",
+    "name": "com.msgbyte.theme.genshin",
+    "url": "/plugins/com.msgbyte.theme.genshin/index.js",
+    "version": "0.0.0",
+    "author": "msgbyte",
+    "description": "原神主题",
+    "requireRestart": true
   }
 ]

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

@@ -0,0 +1,9 @@
+{
+  "label": "原神主题",
+  "name": "com.msgbyte.theme.genshin",
+  "url": "/plugins/com.msgbyte.theme.genshin/index.js",
+  "version": "0.0.0",
+  "author": "msgbyte",
+  "description": "原神主题",
+  "requireRestart": true
+}

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": {}
+}

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

@@ -0,0 +1,57 @@
+#tailchat-app.theme-genshin-hutao {
+  @primary-color: #dd5545;
+
+  --tc-primary-color: @primary-color;
+  --tc-background-image: url(./bg.jpg);
+
+  .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%);
+  }
+
+  [data-tc-role^=content-] {
+    position: relative;
+
+    &::before {
+      content: '';
+      position: absolute;
+      display: block;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      background-image: url(./avatar.png);
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: right bottom;
+      opacity: 0.15;
+    }
+  }
+
+  &.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

@@ -0,0 +1,11 @@
+import { regPluginColorScheme } from '@capital/common';
+
+regPluginColorScheme({
+  label: '原神-胡桃',
+  name: 'light+genshin-hutao',
+});
+
+/**
+ * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片)
+ */
+import('./hutao/theme.less');

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

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

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

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

web/plugins/com.msgbyte.theme.genshin/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+