diff --git a/apps/dashboard/public/favicon-dev.svg b/apps/dashboard/public/favicon-dev.svg
new file mode 100644
index 0000000..b248ab7
--- /dev/null
+++ b/apps/dashboard/public/favicon-dev.svg
@@ -0,0 +1,12 @@
+<svg width="32" height="32" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 153.6C0 99.835 0 72.9524 10.4634 52.4169C19.6672 34.3534 34.3534 19.6672 52.4169 10.4634C72.9524 0 99.835 0 153.6 0H358.4C412.165 0 439.048 0 459.583 10.4634C477.647 19.6672 492.333 34.3534 501.537 52.4169C512 72.9524 512 99.835 512 153.6V358.4C512 412.165 512 439.048 501.537 459.583C492.333 477.647 477.647 492.333 459.583 501.537C439.048 512 412.165 512 358.4 512H153.6C99.835 512 72.9524 512 52.4169 501.537C34.3534 492.333 19.6672 477.647 10.4634 459.583C0 439.048 0 412.165 0 358.4V153.6Z" fill="#D4A017"/>
+<path d="M100,58 L158,58 C171.2,58 178,64.8 178,78 L178,158 C178,171.2 171.2,178 158,178 L78,178 C64.8,178 58,171.2 58,158 L58,100 C58,72.28 72.28,58 100,58 Z" fill="rgba(0,0,0,0.28)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M216,58 L296,58 C309.2,58 316,64.8 316,78 L316,158 C316,171.2 309.2,178 296,178 L216,178 C202.8,178 196,171.2 196,158 L196,78 C196,64.8 202.8,58 216,58 Z" fill="rgba(0,0,0,0.45)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M354,58 L412,58 C439.72,58 454,72.28 454,100 L454,158 C454,171.2 447.2,178 434,178 L354,178 C340.8,178 334,171.2 334,158 L334,78 C334,64.8 340.8,58 354,58 Z" fill="rgba(0,0,0,0.15)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M78,196 L158,196 C171.2,196 178,202.8 178,216 L178,296 C178,309.2 171.2,316 158,316 L78,316 C64.8,316 58,309.2 58,296 L58,216 C58,202.8 64.8,196 78,196 Z" fill="rgba(0,0,0,0.15)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M216,196 L296,196 C309.2,196 316,202.8 316,216 L316,296 C316,309.2 309.2,316 296,316 L216,316 C202.8,316 196,309.2 196,296 L196,216 C196,202.8 202.8,196 216,196 Z" fill="rgba(255,255,255,0.35)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M354,196 L434,196 C447.2,196 454,202.8 454,216 L454,296 C454,309.2 447.2,316 434,316 L354,316 C340.8,316 334,309.2 334,296 L334,216 C334,202.8 340.8,196 354,196 Z" fill="rgba(0,0,0,0.28)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M78,334 L158,334 C171.2,334 178,340.8 178,354 L178,434 C178,447.2 171.2,454 158,454 L100,454 C72.28,454 58,439.72 58,412 L58,354 C58,340.8 64.8,334 78,334 Z" fill="rgba(0,0,0,0.28)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M216,334 L296,334 C309.2,334 316,340.8 316,354 L316,434 C316,447.2 309.2,454 296,454 L216,454 C202.8,454 196,447.2 196,434 L196,354 C196,340.8 202.8,334 216,334 Z" fill="rgba(255,255,255,0.5)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+<path d="M354,334 L434,334 C447.2,334 454,340.8 454,354 L454,412 C454,439.72 439.72,454 412,454 L354,454 C340.8,454 334,447.2 334,434 L334,354 C334,340.8 340.8,334 354,334 Z" fill="rgba(255,255,255,0.35)" stroke="rgba(255,255,255,0.12)" stroke-width="2"/>
+</svg>
diff --git a/apps/dashboard/src/routes/__root.tsx b/apps/dashboard/src/routes/__root.tsx
index e13ac63..a6f1ad3 100644
--- a/apps/dashboard/src/routes/__root.tsx
+++ b/apps/dashboard/src/routes/__root.tsx
@@ -37,7 +37,11 @@ export const Route = createRootRouteWithContext<{
 				...defaultSeo.meta,
 			],
 			links: [
-				{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" },
+				{
+					rel: "icon",
+					type: "image/svg+xml",
+					href: import.meta.env.DEV ? "/favicon-dev.svg" : "/favicon.svg",
+				},
 				{ rel: "manifest", href: "/manifest.json" },
 				{ rel: "stylesheet", href: appCss },
 			],
diff --git a/apps/dashboard/src/routes/login.tsx b/apps/dashboard/src/routes/login.tsx
index 8909ca4..99a7b2c 100644
--- a/apps/dashboard/src/routes/login.tsx
+++ b/apps/dashboard/src/routes/login.tsx
@@ -49,7 +49,10 @@ function LoginPage() {
 				<section className="flex min-h-dvh bg-background px-6 py-8 sm:px-10 sm:py-10 lg:px-16 lg:py-12 xl:px-20">
 					<div className="mx-auto flex w-full max-w-xs flex-1 flex-col justify-between gap-10">
 						<div className="flex items-center gap-3">
-							<Logo className="size-9 text-foreground" />
+							<Logo
+								className="size-9 text-foreground"
+								variant={import.meta.env.DEV ? "dev" : "default"}
+							/>
 							<div>
 								<p className="text-base font-medium text-foreground sm:text-sm">
 									DiffKit
diff --git a/packages/ui/src/components/logo.tsx b/packages/ui/src/components/logo.tsx
index 2cb4491..5c2496a 100644
--- a/packages/ui/src/components/logo.tsx
+++ b/packages/ui/src/components/logo.tsx
@@ -71,7 +71,11 @@ function cellRadii(cx: number, cy: number): [number, number, number, number] {
 	];
 }
 
-function Logo({ className, ...props }: React.ComponentProps<"svg">) {
+function Logo({
+	className,
+	variant = "default",
+	...props
+}: React.ComponentProps<"svg"> & { variant?: "default" | "dev" }) {
 	return (
 		<svg
 			data-slot="logo"
@@ -80,7 +84,10 @@ function Logo({ className, ...props }: React.ComponentProps<"svg">) {
 			className={cn("size-10 shrink-0", className)}
 			{...props}
 		>
-			<path d={SQUIRCLE} className="fill-brand" />
+			<path
+				d={SQUIRCLE}
+				className={variant === "dev" ? "fill-brand-dev" : "fill-brand"}
+			/>
 			{CELLS.map((cell) => (
 				<path
 					key={cell.id}
diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
index fcdffed..f2485c3 100644
--- a/packages/ui/src/styles/globals.css
+++ b/packages/ui/src/styles/globals.css
@@ -73,6 +73,7 @@
 	--surface-2: oklch(0.925 0.003 286.375);
 	--color-green-500: oklch(0.62 0.194 149.214);
 	--brand: oklch(0.68 0.2 150);
+	--brand-dev: oklch(0.75 0.17 85);
 }
 
 .dark {
@@ -113,6 +114,7 @@
 	--surface-1: oklch(0.245 0.006 286.033);
 	--surface-2: oklch(0.28 0.006 286.033);
 	--brand: oklch(0.75 0.2 150);
+	--brand-dev: oklch(0.8 0.17 85);
 }
 
 @theme inline {
@@ -157,6 +159,7 @@
 	--color-surface-1: var(--surface-1);
 	--color-surface-2: var(--surface-2);
 	--color-brand: var(--brand);
+	--color-brand-dev: var(--brand-dev);
 }
 
 @layer base {