Tone down YouTube button red

backnotprop · claude · backnotprop · commit 06e83d1b328d · 2025-12-28T15:48:01.000-08:00
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
diff --git a/packages/ui/components/Landing.tsx b/packages/ui/components/Landing.tsx
@@ -77,7 +77,7 @@ export const Landing: React.FC<LandingProps> = ({ onEnter }) => {
                 href="https://www.youtube.com/watch?v=VIDEO_ID"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[#FF0000] text-white font-medium hover:bg-[#CC0000] transition-colors"
+                className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[#c4302b] text-white font-medium hover:bg-[#a82621] transition-colors"
               >
                 <svg
                   className="w-5 h-5"

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ export const Landing: React.FC<LandingProps> = ({ onEnter }) => {`
`77`	`77`	`href="https://www.youtube.com/watch?v=VIDEO_ID"`
`78`	`78`	`target="_blank"`
`79`	`79`	`rel="noopener noreferrer"`
`80`		`- className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[#FF0000] text-white font-medium hover:bg-[#CC0000] transition-colors"`
	`80`	`+ className="inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[#c4302b] text-white font-medium hover:bg-[#a82621] transition-colors"`
`81`	`81`	`>`
`82`	`82`	`<svg`
`83`	`83`	`className="w-5 h-5"`