diff --git a/shared/i18n/langs/en-US/translation.json b/shared/i18n/langs/en-US/translation.json index d59d38ef..cae15691 100644 --- a/shared/i18n/langs/en-US/translation.json +++ b/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", diff --git a/shared/i18n/langs/zh-CN/translation.json b/shared/i18n/langs/zh-CN/translation.json index 7f083fac..5878dce3 100644 --- a/shared/i18n/langs/zh-CN/translation.json +++ b/shared/i18n/langs/zh-CN/translation.json @@ -87,6 +87,7 @@ "k9d901c20": "会议室", "k9f3089ce": "创建", "k9fa72780": "与 {{name}} 的会话", + "k9fc409ec": "安装成功", "ka01a00eb": "系统语言", "ka0451c97": "取消", "ka14986f0": "插件安装成功, 需要重启后生效", diff --git a/web/plugins/com.msgbyte.theme.miku/src/index.ts b/web/plugins/com.msgbyte.theme.miku/src/index.ts index e73e4165..1298f91f 100644 --- a/web/plugins/com.msgbyte.theme.miku/src/index.ts +++ b/web/plugins/com.msgbyte.theme.miku/src/index.ts @@ -5,6 +5,11 @@ regPluginColorScheme({ name: 'light+miku', }); +regPluginColorScheme({ + label: 'Miku 葱(夜间模式)', + name: 'dark+miku', +}); + /** * 异步加载以防止入口文件过大阻塞主应用加载(因为有图片) */ diff --git a/web/plugins/com.msgbyte.theme.miku/src/theme.less b/web/plugins/com.msgbyte.theme.miku/src/theme.less index fbc75237..3a0e013b 100644 --- a/web/plugins/com.msgbyte.theme.miku/src/theme.less +++ b/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; + } + } }