diff --git a/plugin/contents/ui/dancer.html b/plugin/contents/ui/dancer.html index 88ae974..475dc4d 100644 --- a/plugin/contents/ui/dancer.html +++ b/plugin/contents/ui/dancer.html @@ -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; } } @@ -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%)`; }); }