- Extract brand colors from food-market-app/.../AppIcon/appicon.svg (background #00B207, white FOOD, pale-green E8F5E9 MARKET) - Add @theme custom colors in index.css: --color-brand #00B207, --color-brand-hover #009305, --color-brand-dark #007605, --color-brand-light #E8F5E9, --color-brand-tint #D7F2D9, --color-brand-foreground #FFFFFF - Replace all violet-* Tailwind classes with var(--color-brand*) in: LoginPage, Button, Field (input+checkbox), SearchBar, AppLayout (nav active state) - New Logo component: FM square badge + "FOOD" + "MARKET" typography in brand colors - Put Logo in sidebar header and on LoginPage - Replace Vite default favicon with branded SVG (green square + FOOD MARKET) - Page title "FOOD MARKET", theme-color meta tag for mobile browsers Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
15 lines
413 B
HTML
15 lines
413 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>FOOD MARKET</title>
|
|
<meta name="theme-color" content="#00B207" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|