diff --git a/apps/web-roo-code/public/RooCode-Badge-blk.svg b/apps/web-roo-code/public/RooCode-Badge-blk.svg
new file mode 100644
index 0000000000..0ee7987cbb
--- /dev/null
+++ b/apps/web-roo-code/public/RooCode-Badge-blk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/apps/web-roo-code/public/RooCode-Badge-white.svg b/apps/web-roo-code/public/RooCode-Badge-white.svg
new file mode 100644
index 0000000000..8e406be8cd
--- /dev/null
+++ b/apps/web-roo-code/public/RooCode-Badge-white.svg
@@ -0,0 +1,6180 @@
+
+
\ No newline at end of file
diff --git a/apps/web-roo-code/src/app/test-footer/page.tsx b/apps/web-roo-code/src/app/test-footer/page.tsx
new file mode 100644
index 0000000000..bb7eba94d0
--- /dev/null
+++ b/apps/web-roo-code/src/app/test-footer/page.tsx
@@ -0,0 +1,25 @@
+"use client"
+
+import { useTheme } from "next-themes"
+import { Footer } from "@/components/chromes"
+import { Button } from "@/components/ui/button"
+
+export default function TestFooterPage() {
+ const { theme, setTheme } = useTheme()
+
+ return (
+
+
+
Footer Test Page
+
Use the button below to toggle between light and dark themes:
+
+
+ Scroll down to see the footer with the "Made with Roo Code" logo.
+
+
+
+
+ )
+}
diff --git a/apps/web-roo-code/src/components/chromes/footer.tsx b/apps/web-roo-code/src/components/chromes/footer.tsx
index 4c2b036190..f447c1c84a 100644
--- a/apps/web-roo-code/src/components/chromes/footer.tsx
+++ b/apps/web-roo-code/src/components/chromes/footer.tsx
@@ -5,6 +5,7 @@ import Link from "next/link"
import Image from "next/image"
import { ChevronDown } from "lucide-react"
import { FaBluesky, FaDiscord, FaGithub, FaLinkedin, FaReddit, FaTiktok, FaXTwitter, FaYoutube } from "react-icons/fa6"
+import { useTheme } from "next-themes"
import { EXTERNAL_LINKS, INTERNAL_LINKS } from "@/lib/constants"
import { useLogoSrc } from "@/lib/hooks/use-logo-src"
@@ -14,6 +15,7 @@ export function Footer() {
const [privacyDropdownOpen, setPrivacyDropdownOpen] = useState(false)
const dropdownRef = useRef(null)
const logoSrc = useLogoSrc()
+ const { resolvedTheme } = useTheme()
// Close dropdown when clicking outside
useEffect(() => {
@@ -105,6 +107,21 @@ export function Footer() {
YouTube
+
+ {/* Made with Roo Code */}
+
+
+