mirror of
https://github.com/zombieFox/nightTab.git
synced 2024-11-26 18:13:35 +01:00
[design] improve initial loading transition
This commit is contained in:
parent
c5dd6294f3
commit
e94fa61010
@ -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));
|
||||
}
|
||||
|
@ -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();
|
||||
|
Loading…
Reference in New Issue
Block a user