ltadeu6/skeledance
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak: increase fog opacity for more visible synthwave haze

Browse source 
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
1 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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