diff --git a/public/logo/sigil-favicon.png b/public/logo/sigil-favicon.png index 317d43a..be5ab18 100644 Binary files a/public/logo/sigil-favicon.png and b/public/logo/sigil-favicon.png differ diff --git a/styles/globals.css b/styles/globals.css index 523ff88..9a5a3e3 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -84,9 +84,10 @@ body { color: var(--sig-text); } -.sig-docs-logo img { +.sig-docs-mark { display: block; - border-radius: 7px; + width: 24px; + height: 24px; } .sig-docs-logo-word { diff --git a/theme.config.tsx b/theme.config.tsx index e1ba6f2..86ce4f5 100644 --- a/theme.config.tsx +++ b/theme.config.tsx @@ -3,15 +3,29 @@ import type { DocsThemeConfig } from "nextra-theme-docs"; import { useConfig } from "nextra-theme-docs"; import { DocsCta, DocsMain } from "@/components/DocsShell"; +// Sigilix brand mark — isometric S-hexagon (traced vector). Uses currentColor, +// so it adopts the surrounding text color (white on the dark docs skin). +const SigilMark = ({ className }: { className?: string }) => ( + + + + + +); + const SigilixMark = () => ( - + Sigilix Docs