mirror of
https://github.com/IvarK/AntimatterDimensionsSourceCode.git
synced 2024-11-10 06:02:13 +00:00
Make reality animation tied to theme light/dark
This commit is contained in:
parent
07b5d23e17
commit
3fb8bc1320
@ -187,6 +187,8 @@ export function runRealityAnimation() {
|
||||
document.getElementById("ui").style.animation = "a-realize 10s 1";
|
||||
document.getElementById("realityanimbg").style.animation = "a-realizebg 10s 1";
|
||||
document.getElementById("realityanimbg").style.display = "block";
|
||||
if (Theme.current().isDark()) document.getElementById("realityanimbg").style.filter = "invert(1)";
|
||||
else document.getElementById("realityanimbg").style.filter = "";
|
||||
setTimeout(() => {
|
||||
document.getElementById("realityanimbg").play();
|
||||
document.getElementById("realityanimbg").currentTime = 0;
|
||||
|
@ -23,8 +23,4 @@ body.t-dark-metro {
|
||||
|
||||
.t-dark-metro .c-tt-buy-button--locked:hover {
|
||||
background: #e53935;
|
||||
}
|
||||
|
||||
.t-dark-metro #realityanimbg {
|
||||
filter: invert(1);
|
||||
}
|
||||
}
|
@ -37,8 +37,4 @@ input.t-dark {
|
||||
|
||||
.t-dark .c-rm-amount__desc {
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
.t-dark #realityanimbg {
|
||||
filter: invert(1);
|
||||
}
|
||||
}
|
@ -57,10 +57,6 @@ body.t-s10 {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.t-s10 #realityanimbg {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.t-s10 .c-alchemy-resource-info {
|
||||
color: white;
|
||||
border-color: white;
|
||||
|
@ -42,10 +42,6 @@ body.t-s11 {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.t-s11 #realityanimbg {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.t-s11 .c-modal {
|
||||
border-color: #e1ae18;
|
||||
box-shadow: 0 0 1.5rem 0 black;
|
||||
|
@ -57,10 +57,6 @@ body.t-s6 {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.t-s6 #realityanimbg {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.t-s6 .c-alchemy-resource-info {
|
||||
color: white;
|
||||
border-color: white;
|
||||
|
Loading…
Reference in New Issue
Block a user