Make reality animation tied to theme light/dark

This commit is contained in:
SpectralFlame 2022-09-20 00:30:56 -05:00 committed by cyip92
parent 07b5d23e17
commit 3fb8bc1320
6 changed files with 4 additions and 22 deletions

View File

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

View File

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

View File

@ -37,8 +37,4 @@ input.t-dark {
.t-dark .c-rm-amount__desc {
color: #757575;
}
.t-dark #realityanimbg {
filter: invert(1);
}
}

View File

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

View File

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

View File

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