fix(webui): rename goal-related terminology and enhance UI components
This commit is contained in:
@@ -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));
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user