fix(webui): rename goal-related terminology and enhance UI components

This commit is contained in:
Xubin Ren
2026-05-16 04:42:58 +00:00
parent e14c0310ad
commit 90632469f6
13 changed files with 183 additions and 96 deletions
+8 -8
View File
@@ -168,7 +168,7 @@
}
/** Goal halo: pale sky blue (not ``--primary``, which often reads as neutral gray). */
@keyframes thread-goal-glow-breathe {
@keyframes goal-shell-glow-breathe {
0%,
100% {
filter: drop-shadow(0 0 10px hsl(204 72% 52% / 0.22))
@@ -179,10 +179,10 @@
drop-shadow(0 0 38px hsl(199 85% 55% / 0.2));
}
}
.thread-goal-shell-glow {
animation: thread-goal-glow-breathe 4.8s ease-in-out infinite;
.goal-shell-glow {
animation: goal-shell-glow-breathe 4.8s ease-in-out infinite;
}
@keyframes thread-goal-glow-breathe-dark {
@keyframes goal-shell-glow-breathe-dark {
0%,
100% {
filter: drop-shadow(0 0 12px hsl(198 90% 72% / 0.28))
@@ -193,15 +193,15 @@
drop-shadow(0 0 42px hsl(195 100% 70% / 0.24));
}
}
.dark .thread-goal-shell-glow {
animation-name: thread-goal-glow-breathe-dark;
.dark .goal-shell-glow {
animation-name: goal-shell-glow-breathe-dark;
}
@media (prefers-reduced-motion: reduce) {
.thread-goal-shell-glow {
.goal-shell-glow {
animation: none;
filter: drop-shadow(0 0 14px hsl(204 70% 50% / 0.24));
}
.dark .thread-goal-shell-glow {
.dark .goal-shell-glow {
filter: drop-shadow(0 0 14px hsl(198 88% 70% / 0.32));
}
}