tweak: increase fog opacity for more visible synthwave haze

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ltadeu6 2026-06-07 13:28:28 -03:00
parent 775bad978d
commit bf2a10a111
No known key found for this signature in database
GPG key ID: FB9FDAB6B6F3418D

View file

@ -748,16 +748,16 @@ html, body {
.fog-w5 { width: 52%; height: 125px; left: 8%; animation: fogDrift2 11s ease-in-out infinite alternate; animation-delay: -5s; }
@keyframes fogDrift1 {
from { transform: translateY(0) scaleX(1); opacity: 0.18; }
to { transform: translateY(-50px) scaleX(1.18); opacity: 0.34; }
from { transform: translateY(0) scaleX(1); opacity: 0.32; }
to { transform: translateY(-50px) scaleX(1.18); opacity: 0.55; }
}
@keyframes fogDrift2 {
from { transform: translateY(-12px) scaleX(0.93); opacity: 0.22; }
to { transform: translateY(-60px) scaleX(1.22); opacity: 0.30; }
from { transform: translateY(-12px) scaleX(0.93); opacity: 0.38; }
to { transform: translateY(-60px) scaleX(1.22); opacity: 0.50; }
}
@keyframes fogDrift3 {
from { transform: translateY(-6px) scaleX(1.06); opacity: 0.14; }
to { transform: translateY(-38px) scaleX(0.88); opacity: 0.26; }
from { transform: translateY(-6px) scaleX(1.06); opacity: 0.28; }
to { transform: translateY(-38px) scaleX(0.88); opacity: 0.45; }
}
</style>
@ -1073,7 +1073,7 @@ function applyTheme(rgb) {
bar.style.boxShadow = `0 0 4px rgba(${r},${g},${b},0.8)`;
});
fogWisps.forEach(w => {
w.style.background = `radial-gradient(ellipse, rgba(${r},${g},${b},0.55) 0%, transparent 70%)`;
w.style.background = `radial-gradient(ellipse, rgba(${r},${g},${b},0.75) 0%, transparent 70%)`;
});
}