docs(TOC scroll-area): fix color on brutalist

Author: maiieul

apps/website/src/routes/layout.tsx

@@ -36,7 +36,7 @@ export default component$(() => {
           </MDXProvider>
           <div class="mx-6 hidden w-60 min-w-48 text-sm xl:block">
             <div class="sticky top-16 pt-4">
-              <ScrollArea className="pb-10">
+              <ScrollArea>
                 <div class="sticky top-16 -mt-10 h-[calc(100vh-64px)] py-12">
                   <DashboardTableOfContents headings={headings ? headings : []} />
                 </div>

packages/kit-styled/src/components/scroll-area/scroll-area-qwikified.tsx

@@ -42,7 +42,7 @@ const ReactScrollBar = React.forwardRef<
   >
     <ScrollAreaPrimitive.ScrollAreaThumb
       className={cn(
-        'relative rounded-full bg-border',
+        'relative rounded-full bg-foreground/30',
         orientation === 'vertical' && 'flex-1',
       )}
     />