From d416f45ca8d2e1d61c29ccd8b241ea2e12ac753d Mon Sep 17 00:00:00 2001
From: klopez4212 <klopez4212@gmail.com>
Date: Sun, 5 Jul 2026 09:12:32 +0100
Subject: [PATCH] Shimmer: drop the wash rectangle, band sits at the background
 color
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The highlight wash read as a gray slab over the text. The accent
shimmer is now glyph-only again, with the band mixed to 8% primary /
92% background — characters wash out to (nearly) the background color
as it sweeps, which is the highest-contrast treatment against
full-color text in both themes.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../src/shared/styles/globals/animations.css  | 32 +------------------
 1 file changed, 1 insertion(+), 31 deletions(-)

diff --git a/desktop/src/shared/styles/globals/animations.css b/desktop/src/shared/styles/globals/animations.css
index 1b8940f78..2d11f0640 100644
--- a/desktop/src/shared/styles/globals/animations.css
+++ b/desktop/src/shared/styles/globals/animations.css
@@ -238,43 +238,13 @@
      which is the strongest possible contrast against full-color text. */
   --buzz-shimmer-highlight: color-mix(
     in oklab,
-    hsl(var(--primary)) 18%,
+    hsl(var(--primary)) 8%,
     hsl(var(--background))
   );
   --buzz-shimmer-band: 300%;
   color: inherit;
 }
 
-/* Glyph recoloring alone is too subtle at sidebar sizes — sweep a
-   translucent highlight WASH behind the text as well (same keyframes, so
-   band and wash move together). The wash is a soft primary tint the text
-   stays readable through, like a highlighter pass. */
-.buzz-shimmer-accent::after {
-  animation: buzz-shimmer var(--buzz-shimmer-duration) linear infinite;
-  background-image: linear-gradient(
-    90deg,
-    transparent 0%,
-    transparent 40%,
-    hsl(var(--primary) / 0.16) 50%,
-    transparent 60%,
-    transparent 100%
-  );
-  background-repeat: no-repeat;
-  background-size: var(--buzz-shimmer-band) 100%;
-  border-radius: 0.25rem;
-  content: "";
-  inset: -0.125rem -0.25rem;
-  pointer-events: none;
-  position: absolute;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .buzz-shimmer-accent::after {
-    animation: none;
-    content: none;
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
   .buzz-shimmer,
   .shimmer {