[design] improve initial loading transition

This commit is contained in:
zombieFox 2020-06-09 22:36:20 +01:00
parent c5dd6294f3
commit e94fa61010
2 changed files with 5 additions and 5 deletions

View File

@ -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-ready body {
opacity: 1;
}
html.is-background-color-by-theme,
.is-background-color-by-theme,
.is-background-color-by-theme body {
background-color: rgb(var(--background-color-theme));
}
html.is-background-color-by-custom,
.is-background-color-by-custom,
.is-background-color-by-custom body {
background-color: rgb(var(--background-color-custom));
}

View File

@ -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();