feat(brand): roll out Gitmost logo, favicon and app name
Replace the bare brand text on pages with the Gitmost logo lockup (mark + "gitmost" wordmark) and use the mark as the favicon. - add generated logo lockups (text outlined from Space Grotesk SemiBold) in dark/light ink variants; add reusable theme-aware <BrandLogo> component - use BrandLogo in the global header (mark-only on mobile, full lockup on desktop) and on auth pages, dropping the old Docmost icon + plain text - point favicon to /brand/gitmost-favicon.svg (SVG primary + PNG fallbacks); regenerate favicon/app-icon PNGs from the brand SVGs - rename app name Docmost -> Gitmost (getAppName, index.html title/apple title, manifest name); use getAppName() in the 404 title - align theme/background colors to the brand tile (#0E1117) - move brand guide and logos into docs/brand/ (canonical home) with a README, and serve runtime copies from apps/client/public/brand/
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
import {
|
||||
Box,
|
||||
Group,
|
||||
Text,
|
||||
Tooltip,
|
||||
} from "@mantine/core";
|
||||
import classes from "./app-header.module.css";
|
||||
import { BrandLogo } from "@/components/ui/brand-logo";
|
||||
import TopMenu from "@/components/layouts/global/top-menu.tsx";
|
||||
import { Link } from "react-router-dom";
|
||||
import APP_ROUTE from "@/lib/app-route.ts";
|
||||
@@ -69,21 +69,11 @@ export function AppHeader() {
|
||||
|
||||
<Link to="/home" className={classes.brand} aria-label="Gitmost">
|
||||
<Box hiddenFrom="sm" className={classes.brandIcon}>
|
||||
<img
|
||||
src="/icons/favicon-32x32.png"
|
||||
alt="Gitmost"
|
||||
width={22}
|
||||
height={22}
|
||||
/>
|
||||
<BrandLogo markOnly height={26} />
|
||||
</Box>
|
||||
<Box visibleFrom="sm" className={classes.brandIcon}>
|
||||
<BrandLogo height={30} />
|
||||
</Box>
|
||||
<Text
|
||||
size="lg"
|
||||
fw={600}
|
||||
style={{ userSelect: "none" }}
|
||||
visibleFrom="sm"
|
||||
>
|
||||
Gitmost
|
||||
</Text>
|
||||
</Link>
|
||||
|
||||
<Group ml={50} gap={5} className={classes.links} visibleFrom="sm">
|
||||
|
||||
Reference in New Issue
Block a user