style: update Sign Out button styles for improved accessibility and consistency

danieldanielecki · danieldanielecki · commit 3cb41f98a47c · 2025-11-08T03:42:37.000+04:00
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -247,7 +247,7 @@ const Header = () => {
                       handleSignOut();
                       setIsMobileMenuOpen(false);
                     }}
-                    className="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"
+                    className="w-full text-gray-500 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"
                   >
                     Sign Out
                   </button>

Original file line number	Diff line number	Diff line change
`@@ -247,7 +247,7 @@ const Header = () => {`
`247`	`247`	`handleSignOut();`
`248`	`248`	`setIsMobileMenuOpen(false);`
`249`	`249`	`}}`
`250`		`- className="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"`
	`250`	`+ className="w-full text-gray-500 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700 px-4 py-2 rounded-lg text-sm font-medium transition-colors duration-200"`
`251`	`251`	`>`
`252`	`252`	`Sign Out`
`253`	`253`	`</button>`