refactor: miku夜间模式

shared/i18n/langs/en-US/translation.json

@@ -87,6 +87,7 @@
   "k9d901c20": "Meeting room",
   "k9f3089ce": "Create",
   "k9fa72780": "Conversation with {{name}}",
+  "k9fc409ec": "Install Succeed",
   "ka01a00eb": "System language",
   "ka0451c97": "Cancel",
   "ka14986f0": "Plugin install successed, need to be restarted to take effect",

shared/i18n/langs/zh-CN/translation.json

@@ -87,6 +87,7 @@
   "k9d901c20": "会议室",
   "k9f3089ce": "创建",
   "k9fa72780": "与 {{name}} 的会话",
+  "k9fc409ec": "安装成功",
   "ka01a00eb": "系统语言",
   "ka0451c97": "取消",
   "ka14986f0": "插件安装成功, 需要重启后生效",

web/plugins/com.msgbyte.theme.miku/src/index.ts

@@ -5,6 +5,11 @@ regPluginColorScheme({
   name: 'light+miku',
 });
 
+regPluginColorScheme({
+  label: 'Miku 葱(夜间模式)',
+  name: 'dark+miku',
+});
+
 /**
  * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片)
  */

web/plugins/com.msgbyte.theme.miku/src/theme.less

@@ -1,7 +1,7 @@
 #tailchat-app.theme-miku {
   @primary-color: #39C5BB;
 
-  --tc-primary-color: #39C5BB;
+  --tc-primary-color: @primary-color;
   --tc-background-image: url(./bg.jpg);
 
   .bg-navbar-light {
@@ -19,4 +19,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;
+    }
+  }
 }