apply accent color to logo in header

rshigg · rshigg · commit 27a87a5f2ee3 · 2026-01-27T08:52:35.000-05:00
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
@@ -24,7 +24,7 @@ const { isConnected, npmUser } = useConnector()
           :aria-label="$t('header.home')"
           class="header-logo font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring rounded"
         >
-          <span class="text-fg-subtle"><span style="letter-spacing: -0.2em">.</span>/</span>npmx
+          <span class="text-accent"><span class="-tracking-0.2em">.</span>/</span>npmx
         </NuxtLink>
         <!-- Spacer when logo is hidden -->
         <span v-else class="w-1" />

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ const { isConnected, npmUser } = useConnector()`
`24`	`24`	`:aria-label="$t('header.home')"`
`25`	`25`	`class="header-logo font-mono text-lg font-medium text-fg hover:text-fg transition-colors duration-200 focus-ring rounded"`
`26`	`26`	`>`
`27`		`- <span class="text-fg-subtle"><span style="letter-spacing: -0.2em">.</span>/</span>npmx`
	`27`	`+ <span class="text-accent"><span class="-tracking-0.2em">.</span>/</span>npmx`
`28`	`28`	`</NuxtLink>`
`29`	`29`	`<!-- Spacer when logo is hidden -->`
`30`	`30`	`<span v-else class="w-1" />`