优化从《梦里嫦娥》皮肤切换到其他皮肤时侧栏动画的切换效果

publish/changeLog.md

@@ -1,11 +1,3 @@
-### 新增
+### 优化
 
-- 月是故乡明，祝大家中秋快乐🥮~~新增个性皮肤**《月里嫦娥》**，时间仓促，皮肤还不是很完善，可以试试喜不喜欢~😉
-- 新增 MAC 版本退出快捷键支持
-- 新增点击播放器中的歌曲标题可以复制标题的功能（遇到好听的歌曲方便分享）
-
-### 修复
-
-- 修复 MAC 系统下软件关闭时再次从 dock 打开时报错的Bug
-- 修复下载的歌曲文件名中包含命名规则不允许的符号时下载失败的问题（若歌曲名包含这些符号会自动将其移除）
-- 修复 MAC 版本不能复制粘贴的问题
+- 优化从《梦里嫦娥》皮肤切换到其他皮肤时侧栏动画的切换效果

src/renderer/App.vue

@@ -227,6 +227,8 @@ body {
   overflow: hidden;
   background: @color-theme-bgimg center center no-repeat;
   background-size: auto 100%;
+  transition: background-color @transition-theme;
+  background-color: @color-theme;
 }
 
 #left {
@@ -250,6 +252,7 @@ body {
 
 each(@themes, {
   #container.@{value} {
+    background-color: ~'@{color-@{value}-theme}';
     background-image: ~'@{color-@{value}-theme-bgimg}';
     #right {
       background-color: ~'@{color-@{value}-theme_2}';

src/renderer/assets/styles/variables.less

@@ -309,7 +309,7 @@
 @color-grey-tab-border-top: fadeout(lighten(@color-grey-theme, 5%), 50%);
 @color-grey-tab-border-bottom: lighten(@color-grey-theme, 5%);
 
-@color-midAutumn-theme: rgba(74, 55, 82, 0.9);
+@color-midAutumn-theme: rgba(74, 55, 82, 1);
 @color-midAutumn-theme-bgimg: url(../images/jqbg.jpg);
 @color-midAutumn-theme-hover: fadeout(lighten(@color-midAutumn-theme, 10%), 30%);
 @color-midAutumn-theme-active: fadeout(lighten(@color-midAutumn-theme, 15%), 60%);