Add darker logotype variant for light mode

The existing gradient logo (#c4dede-#495669) was designed for dark
backgrounds. Adds logotype-light.svg with the same paths but a
deeper gradient (#2a6b6b-#1c2a3a) for better contrast on white,
and swaps the src based on the current theme.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-03-01 19:37:15 -05:00
parent 38da286130
commit b15a526b0a
2 changed files with 6 additions and 1 deletions

View file

@ -69,7 +69,7 @@ export default function AppShell() {
<div className="flex items-center">
<div className="shrink-0">
<Link to="/start">
<img alt="Arc" src="/logotype.svg" className="h-8 w-auto" />
<img alt="Arc" src={theme === "dark" ? "/logotype.svg" : "/logotype-light.svg"} className="h-8 w-auto" />
</Link>
</div>
<div className="hidden md:block">

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 99 KiB