feat(web): drop material gloss, full punktfunk theme for Scalar, center mobile tabs

- console: remove @unom/ui's specular "material" gloss (drop UnomProviders +
  the material.css import) so components render flat like the marketing site;
  the violet brand + Geist stay.
- mobile bottom tab bar: center the labels (w-full text-center, leading-tight)
  and even out the per-tab layout.
- docs /api: roll the punktfunk dark-violet palette across the whole Scalar
  reference (surfaces/text/sidebar/links/buttons/method colours via the full
  --scalar-* token set), locked to dark (hideDarkModeToggle).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-21 12:19:51 +00:00
parent 56f724815e
commit 700b965c31
6 changed files with 73 additions and 43 deletions
+6 -9
View File
@@ -9,7 +9,6 @@ import {
import type { QueryClient } from '@tanstack/react-query'
import '@fontsource-variable/geist'
import { AppShell } from '@/components/app-shell'
import { UnomProviders } from '@/components/unom-providers'
import appCss from '@/styles.css?url'
export interface RouterContext {
@@ -38,15 +37,13 @@ function RootComponent() {
<HeadContent />
</head>
<body className="min-h-screen">
<UnomProviders>
{isLogin ? (
{isLogin ? (
<Outlet />
) : (
<AppShell>
<Outlet />
) : (
<AppShell>
<Outlet />
</AppShell>
)}
</UnomProviders>
</AppShell>
)}
<Scripts />
</body>
</html>