De-template the frontend and apply the design system

- FastAPI branding replaced throughout: title, favicon, logo (now the org/
  brand SVGs), footer links, route titles; workspace package renamed
- shadcn primitives restyled to the component radius/shadow map: pill
  controls, rounded-lg surfaces, shadow-e1/e2/e3
- floating frosted AppSidebar over a bg-card content region
- theme storage key aligned with the pre-paint script, MotionConfig added
- scripts/capture-screenshots.mjs backs the root 'make verify'

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Melvin Strobl
2026-08-09 15:33:56 +02:00
co-authored by Claude Opus 5
parent bd2155603e
commit 5988822053
41 changed files with 727 additions and 408 deletions
+14 -3
View File
@@ -2,10 +2,21 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Full Stack FastAPI Project</title>
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
<meta name="theme-color" content="#59849b" />
<title>Fluksio</title>
<!-- Set the theme class before first paint so the app never flashes light. -->
<script>
(() => {
try {
const stored = localStorage.getItem('fluksio-ui-theme')
const theme = stored && stored !== 'system' ? stored
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
document.documentElement.classList.add(theme)
} catch (_e) { }
})()
</script>
</head>
<body>
<div id="root"></div>