feat: update LogoText

src/components/Header.tsx

@@ -12,6 +12,7 @@ import {
 } from '@tabler/icons-solidjs'
 import { For, ParentComponent, Show, createSignal } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
+import { LogoText } from '~/components'
 import { ROUTES, themes } from '~/constants'
 import { setCurTheme } from '~/signals'
 
@@ -60,17 +61,6 @@ const ThemeSwitcher = () => (
   </div>
 )
 
-const LogoText = () => (
-  <a
-    class="text-md flex gap-2 whitespace-nowrap font-bold uppercase sm:text-xl"
-    href="https://github.com/metacubex/metacubexd"
-    target="_blank"
-  >
-    <span>metacube, </span>
-    <div class="transition-transform hover:rotate-90 hover:scale-125">xd</div>
-  </a>
-)
-
 export const Header = () => {
   const [t] = useI18n()
   const navs = () => [

src/components/LogoText.tsx

@@ -0,0 +1,14 @@
+export const LogoText = () => (
+  <a
+    class="text-md flex items-center gap-1 whitespace-nowrap font-bold uppercase sm:text-xl"
+    href="https://github.com/metacubex/metacubexd"
+    target="_blank"
+  >
+    <span class="text-primary">metacube</span>
+    <span>(</span>
+    <div class="text-accent transition-transform hover:rotate-90 hover:scale-125">
+      xd
+    </div>
+    <span>)</span>
+  </a>
+)

src/components/index.ts

@@ -4,6 +4,7 @@ export * from './ConnectionsTableOrderingModal'
 export * from './ForTwoColumns'
 export * from './Header'
 export * from './Latency'
+export * from './LogoText'
 export * from './ProxyCardGroups'
 export * from './ProxyNodeCard'
 export * from './ProxyNodePreview'