From 5fbaec80668d43151b573ff87dc44e514f27ae29 Mon Sep 17 00:00:00 2001
From: ladybluenotes <hello@sarahgerrard.me>
Date: Mon, 12 Jan 2026 10:56:41 -0800
Subject: [PATCH 1/3] feat: update padding to markdown alert content

---
 src/styles/app.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/app.css b/src/styles/app.css
index 1addb3a7..f4bd963e 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -761,6 +761,10 @@ html.dark .shiki.vitesse-dark span[style*='color: #51597D'] {
   @apply flex justify-start items-center font-medium;
 }
 
+.markdown-alert .markdown-alert-content {
+    @apply pr-5;
+}
+
 .bg-clip-text {
   @apply print:text-gray-800;
 }

From 078f56531dc383b273c283fb7e015c6576f4d8d3 Mon Sep 17 00:00:00 2001
From: ladybluenotes <hello@sarahgerrard.me>
Date: Mon, 12 Jan 2026 11:14:00 -0800
Subject: [PATCH 2/3] feat: update badge styles in Navbar component

---
 src/components/Navbar.tsx | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 0ae23384..bfc52c44 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -389,7 +389,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
               return indexA - indexB
             })
         })().map((library, i) => {
-          const [prefix, name] = library.name.split(' ')
+          const [_, name] = library.name.split(' ')
           const isActive = library.to === activeLibrary?.to
 
           return (
@@ -458,10 +458,9 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                         <span
                           className={twMerge(
                             `px-2 py-px uppercase font-black rounded-md text-[.65rem]`,
-                            library.badgeTextStyle ?? 'text-white',
-                            'bg-gradient-to-r',
-                            library.colorFrom,
-                            library.colorTo,
+                            'border-2 bg-transparent',
+                            library.textStyle,
+                            library.borderStyle,
                           )}
                         >
                           {library.badge}
@@ -504,13 +503,11 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                               {library.badge ? (
                                 <span
                                   className={twMerge(
-                                    `px-2 py-px uppercase font-black bg-gray-500/10 dark:bg-gray-500/30 rounded-md text-[.7rem]`,
-                                    library.badgeTextStyle ?? 'text-white',
+                                    `px-2 py-px uppercase font-black rounded-md text-[.6rem]`,
+                                    'border bg-transparent',
+                                    'border-current text-current',
                                     'opacity-90 group-hover:opacity-100 transition-opacity',
-                                    'bg-gradient-to-r',
-                                    library.colorFrom,
-                                    library.colorTo,
-                                    'text-[.6rem]',
+                                    library.textColor
                                   )}
                                 >
                                   {library.badge}
@@ -669,7 +666,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             label: (
               <>
                 <span>Feed</span>
-                <span className="px-1.5 py-0.5 text-[.6rem] font-black bg-gradient-to-r from-blue-400 to-blue-600 text-white rounded-md uppercase">
+                <span className="px-1.5 py-0.5 text-[.6rem] font-black border border-blue-500 text-blue-500 rounded-md uppercase">
                   Beta
                 </span>
               </>
@@ -701,7 +698,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             label: (
               <>
                 <span>Learn</span>
-                <span className="px-1.5 py-0.5 text-[.6rem] font-black bg-gradient-to-r from-green-400 to-green-600 text-white rounded-md uppercase">
+                <span className="px-1.5 py-0.5 text-[.6rem] font-black border border-green-500 text-green-500 rounded-md uppercase">
                   NEW
                 </span>
               </>

From 3884caa4386634aa0a09462d16c951d9450c6925 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 12 Jan 2026 19:40:42 +0000
Subject: [PATCH 3/3] ci: apply automated fixes

---
 src/components/Navbar.tsx | 2 +-
 src/styles/app.css        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index bfc52c44..a68ee0ad 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -507,7 +507,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                                     'border bg-transparent',
                                     'border-current text-current',
                                     'opacity-90 group-hover:opacity-100 transition-opacity',
-                                    library.textColor
+                                    library.textColor,
                                   )}
                                 >
                                   {library.badge}
diff --git a/src/styles/app.css b/src/styles/app.css
index d710658c..5d87f124 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -762,7 +762,7 @@ html.dark .shiki.vitesse-dark span[style*='color: #51597D'] {
 }
 
 .markdown-alert .markdown-alert-content {
-    @apply pr-5;
+  @apply pr-5;
 }
 
 .bg-clip-text {