From cab2f09cb4346ec5fb83b61f4bdd81fb840c5432 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Mon, 20 Apr 2026 19:47:32 +0000
Subject: [PATCH] fix(web): correct Roomote banner color to #d8f14b and
 increase size

---
 .../src/components/RoomoteAnnouncementBanner.tsx     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx b/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx
index 02448fb0fa..3af6847aae 100644
--- a/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx
+++ b/apps/web-roo-code/src/components/RoomoteAnnouncementBanner.tsx
@@ -4,13 +4,13 @@ import { ArrowRight } from "lucide-react"
 
 export function RoomoteAnnouncementBanner() {
 	return (
-		<div className="relative overflow-hidden bg-[#c8f525] text-black">
-			<div className="relative flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-5 px-4 py-3.5 sm:py-4">
+		<div className="relative overflow-hidden bg-[#d8f14b] text-black">
+			<div className="relative flex flex-col sm:flex-row items-center justify-center gap-4 sm:gap-6 px-6 py-5 sm:py-6">
 				<div className="flex items-center gap-3">
-					<span className="inline-flex items-center rounded-full bg-black text-[#c8f525] px-3 py-1 text-xs font-bold uppercase tracking-wider">
+					<span className="inline-flex items-center rounded-full bg-black text-[#d8f14b] px-3.5 py-1 text-xs font-extrabold uppercase tracking-widest">
 						New
 					</span>
-					<p className="text-sm sm:text-base font-bold tracking-tight">
+					<p className="text-base sm:text-lg md:text-xl font-extrabold tracking-tight">
 						Introducing Roomote — the always-on engineer for your entire team
 					</p>
 				</div>
@@ -18,9 +18,9 @@ export function RoomoteAnnouncementBanner() {
 					href="https://roomote.dev"
 					target="_blank"
 					rel="noopener noreferrer"
-					className="group inline-flex items-center gap-1.5 rounded-full bg-black text-white px-5 py-2 text-sm font-bold hover:bg-gray-900 transition-colors duration-200">
+					className="group inline-flex shrink-0 items-center gap-2 rounded-full bg-black text-white px-6 py-2.5 text-sm sm:text-base font-bold hover:bg-gray-900 transition-colors duration-200">
 					Learn more
-					<ArrowRight className="size-4 transition-transform duration-200 group-hover:translate-x-0.5" />
+					<ArrowRight className="size-4 sm:size-5 transition-transform duration-200 group-hover:translate-x-0.5" />
 				</a>
 			</div>
 		</div>