Merge branch 'main' into tabs-code-styling

Author: LadyBluenotes

src/components/Navbar.tsx

@@ -272,11 +272,11 @@ export function Navbar({ children }: { children: React.ReactNode }) {
       )}
       ref={containerRef}
     >
-      <div className="flex items-center gap-4">
+      <div className="flex items-center">
         <div className="flex items-center gap-2 font-black text-xl uppercase">
           <React.Suspense fallback={<LogoSection />}>
             <LazyBrandContextMenu
-              className={twMerge(`flex items-center gap-1.5 group`)}
+              className={twMerge(`flex items-center group`)}
             >
               <LogoSection />
             </LazyBrandContextMenu>
@@ -308,7 +308,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
     },
   })
 
-  const linkClasses = `flex items-center justify-between gap-2 group px-2 py-1 rounded-lg hover:bg-gray-500/10 font-black`
+  const linkClasses = `flex items-center justify-between gap-2 group px-2 py-1 rounded-lg hover:bg-gray-500/10 font-bold`
 
   const items = (
     <div className="md:flex gap-2 [&>*]:flex-1 lg:block">
@@ -346,7 +346,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                 <a href={library.to} className={linkClasses}>
                   <span
                     className={twMerge(
-                      'w-3 h-3 rounded-sm border border-black/20 dark:border-white/20',
+                      'w-3 h-3 rounded-sm border border-white/50',
                       library.bgStyle,
                     )}
                   />
@@ -365,7 +365,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                       >
                         <span
                           className={twMerge(
-                            'w-3 h-3 rounded-sm border border-black/20 dark:border-white/20',
+                            'w-3 h-3 rounded-sm',
                             library.bgStyle,
                           )}
                         />

src/libraries/libraries.ts

@@ -245,7 +245,7 @@ export const pacer: LibrarySlim = {
     'Framework agnostic debouncing, throttling, rate limiting, queuing, and batching utilities',
   description:
     "Optimize your application's performance with TanStack Pacer's core primitives: Debouncing, Throttling, Rate Limiting, Queuing, and Batching.",
-  bgStyle: 'bg-lime-700',
+  bgStyle: 'bg-lime-600',
   borderStyle: 'border-lime-700/50',
   textStyle: 'text-lime-500',
   textColor: 'text-lime-700',
@@ -272,7 +272,7 @@ export const db: LibrarySlim = {
   description:
     'TanStack DB gives you a reactive, client-first store for your API data with collections, live queries and optimistic mutations that keep your UI reactive, consistent and blazing fast 🔥',
   badge: 'beta',
-  bgStyle: 'bg-orange-700',
+  bgStyle: 'bg-orange-500',
   borderStyle: 'border-orange-700/50',
   textStyle: 'text-orange-500',
   textColor: 'text-orange-700',
@@ -299,7 +299,7 @@ export const ai: LibrarySlim = {
   description:
     'A powerful, open-source AI SDK with a unified interface across multiple providers. No vendor lock-in, no proprietary formats, just clean TypeScript and honest open source.',
   badge: 'alpha',
-  bgStyle: 'bg-pink-700',
+  bgStyle: 'bg-pink-500',
   borderStyle: 'border-pink-700/50',
   textStyle: 'text-pink-500',
   textColor: 'text-pink-700',