refactor(admin): 砍掉 marketing 脚手架，统一到 shadcn v4 主题 (#40)

TanStack Start 脚手架自带的 marketing 页 + Header/Footer 沿用了一套海洋色
变量（sea-ink / lagoon / palm / sand / foam / hero-*），与 shadcn v4 的
中性灰阶主题在 dashboard 路由下叠加，导致 body 渐变和 Card 白底撞色。

- 删除 `_marketing` layout + index/about、Header、Footer，根路由 `/`
  改为按登录态 redirect 到 `/dashboard` 或 `/auth/sign-in`
- `auth/$authView` 从 `_marketing/auth/` 提到 `routes/auth/` 独立 layout
- styles.css 清空海洋色变量、body 多层渐变 + ::before/::after 网格、
  `.island-shell` / `.feature-card` / `.nav-link` 等脚手架 utility class；
  Fraunces 字体、paraglide `marketing_*` / 未再用的 `nav_*` 消息一并删除
- 补齐 dark mode `--sidebar-*` 变量（v4 oklch neutral 等价值），修复
  dark sidebar 继承 light 值的 bug
- ThemeToggle 重写成 shadcn DropdownMenu（Light/Dark/System），挂到
  SidebarFooter
- AppSidebar logo 底色 `bg-[var(--lagoon)]` → `bg-primary`
- `__root.tsx` title 改 "ApolloKit Admin"，body 删 selection 海洋色

Author: dengzhaofun

apps/admin/messages/en.json

@@ -202,26 +202,9 @@
   "item_no_inventory": "No items in inventory.",
   "item_quantity": "Quantity",
   "item_stacks": "Stacks",
-  "marketing_hero_title": "Start simple, ship quickly.",
-  "marketing_hero_description": "This base starter intentionally keeps things light: two routes, clean structure, and the essentials you need to build from scratch.",
-  "marketing_feature_routing_title": "Type-Safe Routing",
-  "marketing_feature_routing_desc": "Routes and links stay in sync across every page.",
-  "marketing_feature_server_title": "Server Functions",
-  "marketing_feature_server_desc": "Call server code from your UI without creating API boilerplate.",
-  "marketing_feature_streaming_title": "Streaming by Default",
-  "marketing_feature_streaming_desc": "Ship progressively rendered responses for faster experiences.",
-  "marketing_feature_tailwind_title": "Tailwind Native",
-  "marketing_feature_tailwind_desc": "Design quickly with utility-first styling and reusable tokens.",
-  "marketing_about_title": "About ApolloKit",
-  "marketing_about_description": "ApolloKit is a game SaaS platform built with TanStack Start, Hono, and Better Auth.",
-  "marketing_footer_author": "Your name here",
-  "marketing_footer_rights": "All rights reserved",
-  "marketing_footer_built_with": "Built with TanStack Start",
   "nav_brand": "ApolloKit",
-  "nav_sign_in": "Sign In",
   "nav_home": "Home",
   "nav_dashboard": "Dashboard",
-  "nav_about": "About",
   "nav_navigation": "Navigation",
   "nav_admin": "Admin",
   "nav_checkin": "Check-in",
@@ -230,8 +213,6 @@
   "nav_mail": "Mail",
   "nav_shop": "Shop",
   "nav_api_keys": "API Keys",
-  "nav_go_to_dashboard": "Go to Dashboard",
-  "nav_about_starter": "About This Starter",
 
   "mail_title": "Mail",
   "mail_new_message": "New Mail",

apps/admin/messages/zh.json

@@ -202,26 +202,9 @@
   "item_no_inventory": "库存中暂无物品。",
   "item_quantity": "数量",
   "item_stacks": "堆叠数",
-  "marketing_hero_title": "简单起步，快速交付。",
-  "marketing_hero_description": "这个基础模板有意保持轻量：两个路由、清晰的结构，以及从零构建所需的基本要素。",
-  "marketing_feature_routing_title": "类型安全路由",
-  "marketing_feature_routing_desc": "路由和链接在每个页面保持同步。",
-  "marketing_feature_server_title": "服务端函数",
-  "marketing_feature_server_desc": "从 UI 调用服务端代码，无需创建 API 模板。",
-  "marketing_feature_streaming_title": "默认流式渲染",
-  "marketing_feature_streaming_desc": "渐进式渲染响应，带来更快的体验。",
-  "marketing_feature_tailwind_title": "原生 Tailwind",
-  "marketing_feature_tailwind_desc": "使用实用优先的样式和可复用的设计令牌快速设计。",
-  "marketing_about_title": "关于 ApolloKit",
-  "marketing_about_description": "ApolloKit 是一个基于 TanStack Start、Hono 和 Better Auth 构建的游戏 SaaS 平台。",
-  "marketing_footer_author": "Your name here",
-  "marketing_footer_rights": "保留所有权利",
-  "marketing_footer_built_with": "基于 TanStack Start 构建",
   "nav_brand": "ApolloKit",
-  "nav_sign_in": "登录",
   "nav_home": "首页",
   "nav_dashboard": "仪表盘",
-  "nav_about": "关于",
   "nav_navigation": "导航",
   "nav_admin": "管理",
   "nav_checkin": "签到",
@@ -230,8 +213,6 @@
   "nav_mail": "邮件",
   "nav_shop": "商城",
   "nav_api_keys": "API 密钥",
-  "nav_go_to_dashboard": "进入仪表盘",
-  "nav_about_starter": "关于此模板",
 
   "mail_title": "邮件",
   "mail_new_message": "发送邮件",

apps/admin/src/components/AppSidebar.tsx

@@ -52,6 +52,7 @@ import {
   SidebarSeparator,
 } from "#/components/ui/sidebar"
 import { LanguageSwitcher } from "./LanguageSwitcher"
+import ThemeToggle from "./ThemeToggle"
 import * as m from "../paraglide/messages.js"
 
 type NavItem = {
@@ -172,7 +173,7 @@ export function AppSidebar() {
           <SidebarMenuItem>
             <SidebarMenuButton size="lg" asChild>
               <Link to="/">
-                <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-[var(--lagoon)] text-white">
+                <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground">
                   <span className="text-sm font-bold">A</span>
                 </div>
                 <div className="flex flex-col gap-0.5 leading-none">
@@ -238,8 +239,9 @@ export function AppSidebar() {
       <SidebarFooter>
         <SidebarMenu>
           <SidebarMenuItem>
-            <div className="px-1 py-1">
+            <div className="flex items-center gap-1 px-1 py-1">
               <LanguageSwitcher />
+              <ThemeToggle />
             </div>
           </SidebarMenuItem>
           <SidebarMenuItem>

apps/admin/src/components/Footer.tsx

@@ -1,28 +1,46 @@
-import { useEffect, useState } from 'react'
-import { useTheme } from 'next-themes'
+import { Monitor, Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+import { useEffect, useState } from "react"
+
+import { Button } from "./ui/button"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "./ui/dropdown-menu"
 
 export default function ThemeToggle() {
   const { theme, setTheme } = useTheme()
   const [mounted, setMounted] = useState(false)
 
-  useEffect(() => setMounted(true), [])
-
-  function toggleMode() {
-    const next = theme === 'light' ? 'dark' : theme === 'dark' ? 'system' : 'light'
-    setTheme(next)
-  }
+  useEffect(() => {
+    setMounted(true)
+  }, [])
 
-  const display = !mounted ? null : theme === 'system' ? 'Auto' : theme === 'dark' ? 'Dark' : 'Light'
+  const Icon = !mounted ? Sun : theme === "dark" ? Moon : theme === "system" ? Monitor : Sun
 
   return (
-    <button
-      type="button"
-      onClick={toggleMode}
-      aria-label="Toggle theme"
-      title="Toggle theme"
-      className="rounded-full border border-[var(--chip-line)] bg-[var(--chip-bg)] px-3 py-1.5 text-sm font-semibold text-[var(--sea-ink)] shadow-[0_8px_22px_rgba(30,90,72,0.08)] transition hover:-translate-y-0.5"
-    >
-      {display}
-    </button>
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="ghost" size="icon" aria-label="Toggle theme">
+          <Icon className="size-4" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        <DropdownMenuItem onClick={() => setTheme("light")}>
+          <Sun className="mr-2 size-4" />
+          Light
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("dark")}>
+          <Moon className="mr-2 size-4" />
+          Dark
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("system")}>
+          <Monitor className="mr-2 size-4" />
+          System
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
   )
 }

apps/admin/src/components/Header.tsx

@@ -20,7 +20,7 @@ export const Route = createRootRoute({
         content: 'width=device-width, initial-scale=1',
       },
       {
-        title: 'TanStack Start Starter',
+        title: 'ApolloKit Admin',
       },
     ],
     links: [
@@ -40,7 +40,7 @@ function RootDocument({ children }: { children: React.ReactNode }) {
         <script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />
         <HeadContent />
       </head>
-      <body className="font-sans antialiased [overflow-wrap:anywhere] selection:bg-[rgba(79,184,178,0.24)]">
+      <body className="font-sans antialiased [overflow-wrap:anywhere]">
         <RootProvider>
           <Providers>
             {children}