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

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%);