[design] improve initial loading transition

Author: zombieFox

src/css/base.css

@@ -8,7 +8,7 @@ html{
 }
 
 body{
-background-color:rgb(25,25,25);
+background-color:rgb(var(--background-color-theme));
 color:rgb(var(--theme-style-text));
 font-size:1rem;
 line-height:1.6;
@@ -21,19 +21,19 @@ body{
 align-items: center;
 min-height:100vh;
 opacity:0;
-transition: background-color var(--layout-timing-extra-fast), opacity var(--layout-duration-03) ease-in;
+transition: background-color var(--layout-timing-medium), opacity var(--layout-duration-02) ease;
 }
 
 .is-readybody{
 opacity:1;
 }
 
-html.is-background-color-by-theme,
+.is-background-color-by-theme,
 .is-background-color-by-themebody{
 background-color:rgb(var(--background-color-theme));
 }
 
-html.is-background-color-by-custom,
+.is-background-color-by-custom,
 .is-background-color-by-custombody{
 background-color:rgb(var(--background-color-custom));
 }

src/js/init.js

@@ -1,6 +1,5 @@
 // log version
 console.log("nightTab version",version.get().number,version.get().name);
-ready.init();
 data.init();
 state.init();
 header.init();
@@ -21,3 +20,4 @@ modal.init();
 shade.init();
 dropdown.init();
 version.init();
+ready.init();