fix navigation active transparent bug

Author: qcp

docs/.vitepress/theme/components/CustomHome.vue

@@ -115,7 +115,6 @@
               :animate="{ opacity: 1, scale: 1 }"
               :transition="{ ...heroTransition, delay: 0.35 }"
             >
-              <div class="VDndHome__logo-glow" />
               <img
                 :src="secondLogoUrl"
                 alt="Vue DnD Kit"

docs/.vitepress/theme/styles/home.css

@@ -38,26 +38,6 @@
   @apply relative shrink-0 flex items-center justify-center md:justify-end;
 }
 
-.VDndHome__logo-glow {
-  position: absolute;
-  inset: -20%;
-  border-radius: 50%;
-  background: linear-gradient(
-    90deg,
-    var(--glow-card-1) 0%,
-    var(--glow-card-2) 25%,
-    var(--glow-card-3) 50%,
-    var(--glow-card-4) 75%,
-    var(--glow-card-1) 100%
-  );
-  background-size: 200% 100%;
-  animation: nav-shimmer 6s linear infinite;
-  filter: blur(50px);
-  opacity: 0.2;
-  z-index: 0;
-  pointer-events: none;
-}
-
 .VDndHome__logo-img {
   position: relative;
   z-index: 1;

docs/.vitepress/theme/styles/vitepress.css

@@ -113,36 +113,9 @@
   @apply text-(--vp-c-brand-1);
 }
 
-.VPLink.active {
-  background: linear-gradient(
-    90deg,
-    var(--glow-card-1) 0%,
-    var(--glow-card-2) 25%,
-    var(--glow-card-3) 50%,
-    var(--glow-card-4) 75%,
-    var(--glow-card-1) 100%
-  );
-  background-size: 200% 100%;
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: nav-shimmer 4s linear infinite;
-}
-
-.VPSidebarItem.is-active {
-  background: linear-gradient(
-    90deg,
-    var(--glow-card-1) 0%,
-    var(--glow-card-2) 25%,
-    var(--glow-card-3) 50%,
-    var(--glow-card-4) 75%,
-    var(--glow-card-1) 100%
-  );
-  background-size: 200% 100%;
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: nav-shimmer 4s linear infinite;
+.VPLink.active,
+.VPSidebarItem.is-active .VPLink {
+  @apply rainbow-text;
 }
 
 #local-search {