feat(dash): honeycomb favicon + flame-free CodeBurn wordmark

Drop the flame image from the header and render CodeBurn as a plain
wordmark with an orange metallic sheen. Swap the favicon to the
honeycomb logo.
This commit is contained in:
AgentSeal 2026-07-01 03:55:13 +02:00
parent 22d5fc1743
commit aec65a9c3a
3 changed files with 15 additions and 4 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 135 KiB

Before After
Before After

View file

@ -429,10 +429,7 @@ export function App() {
<div className="flex h-[calc(100vh-20px)] flex-col gap-2.5">
<header className="flex h-12 shrink-0 items-center gap-4 rounded-md border border-border bg-card px-5 shadow-[0_2px_8px_rgba(0,0,0,0.03)]">
<div className="flex items-center gap-2">
<img src="/codeburn-logo.png" alt="CodeBurn" className="h-6 w-6" />
<span className="text-lg font-semibold tracking-[-0.02em] text-foreground">
Code<span className="text-[#e8553a]">Burn</span>
</span>
<span className="cb-sheen text-lg font-semibold tracking-[-0.02em]">CodeBurn</span>
<span className="ml-1 text-[11px] font-light uppercase tracking-[0.14em] text-tertiary-foreground">usage</span>
</div>

View file

@ -126,6 +126,20 @@
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* CodeBurn wordmark: orange metallic sheen (replaces the flame logo) */
@keyframes cb-sheen {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.cb-sheen {
background: linear-gradient(100deg, #c2432a 0%, #e8553a 32%, #ffcf9e 50%, #e8553a 68%, #c2432a 100%);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: cb-sheen 4s linear infinite;
}
.skeleton-shimmer {
background-color: var(--muted);
background-image: linear-gradient(