fix: playground heading not matching theme

JReinhold · web-flow · commit 26bd61232580 · 2026-02-26T11:21:38.000+01:00
diff --git a/app/components/Package/Playgrounds.vue b/app/components/Package/Playgrounds.vue
@@ -121,7 +121,7 @@ function focusMenuItem(index: number) {
   <section v-if="links.length > 0" class="px-1">
     <h2
       id="playgrounds-heading"
-      class="text-xs font-mono text-fg-subtle uppercase tracking-wider text-white mb-3"
+      class="text-xs font-mono text-fg uppercase tracking-wider mb-3"
     >
       {{ $t('package.playgrounds.title') }}
     </h2>

Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ function focusMenuItem(index: number) {`
`121`	`121`	`<section v-if="links.length > 0" class="px-1">`
`122`	`122`	`<h2`
`123`	`123`	`id="playgrounds-heading"`
`124`		`- class="text-xs font-mono text-fg-subtle uppercase tracking-wider text-white mb-3"`
	`124`	`+ class="text-xs font-mono text-fg uppercase tracking-wider mb-3"`
`125`	`125`	`>`
`126`	`126`	`{{ $t('package.playgrounds.title') }}`
`127`	`127`	`</h2>`