Restyle text match

Author: hasparus

src/app/not-found.tsx

@@ -71,7 +71,7 @@ function Stripes() {
       <StripesDecoration
         stripeWidth="8px"
         evenClassName="bg-[linear-gradient(180deg,hsl(var(--color-pri-light)/.4)_0%,hsl(var(--color-neu-0)/.2)_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-pri-dark)/0.6)_0%,hsl(var(--color-pri-darker)/0.3)_100%)]"
-        oddClassName="bg-[linear-gradient(180deg,hsl(var(--color-neu-0))_0%,hsl(var(--color-neu-0)/0)_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-sec-dark)/0.4)_0%,transparent_100%)]"
+        oddClassName="bg-[linear-gradient(180deg,hsl(var(--color-neu-0))_0%,hsl(var(--color-neu-0)/0)_100%)] dark:bg-[linear-gradient(180deg,hsl(var(--color-neu-0)/0.2)_0%,transparent_100%)]"
       />
     </div>
   )

src/components/highlight-matches.tsx

@@ -32,7 +32,7 @@ export const HighlightMatches = memo<MatchArgs>(function HighlightMatches({
       content.push(
         before,
         // eslint-disable-next-line tailwindcss/no-custom-classname
-        <span key={result.index} className="_text-primary-600">
+        <span key={result.index} className="text-neu-900 underline">
           {after}
         </span>,
       )