From 244fd7c981166970c51007f678608b3a159c994e Mon Sep 17 00:00:00 2001
From: mantikoros <sgrugett@gmail.com>
Date: Mon, 23 May 2022 16:38:31 -0500
Subject: [PATCH] =?UTF-8?q?changed=20sidebar=20button=20color=20=E2=80=94?=
 =?UTF-8?q?=20violet=20doesn't=20match=20color=20scheme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/components/nav/sidebar.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/components/nav/sidebar.tsx b/web/components/nav/sidebar.tsx
index 3b030f2f..91ebb404 100644
--- a/web/components/nav/sidebar.tsx
+++ b/web/components/nav/sidebar.tsx
@@ -156,6 +156,12 @@ export default function Sidebar(props: { className?: string }) {
   const mobileNavigationOptions =
     user === null ? signedOutMobileNavigation : mobileNavigation
 
+  const gradient =
+    'from-indigo-500 to-blue-500 hover:from-indigo-700 hover:to-blue-700'
+
+  const buttonStyle =
+    'border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r py-2.5 text-base font-semibold text-white shadow-sm lg:-ml-0'
+
   return (
     <nav aria-label="Sidebar" className={className}>
       <ManifoldLogo className="pb-6" twoLine />
@@ -194,14 +200,14 @@ export default function Sidebar(props: { className?: string }) {
       <div className={'aligncenter flex justify-center'}>
         {user ? (
           <Link href={'/create'} passHref>
-            <button className="border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r from-purple-500 via-violet-500 to-indigo-500 py-2.5 text-base font-semibold text-white shadow-sm hover:from-purple-700 hover:via-violet-700 hover:to-indigo-700 lg:-ml-0">
+            <button className={clsx(gradient, buttonStyle)}>
               Ask a question
             </button>
           </Link>
         ) : (
           <button
             onClick={firebaseLogin}
-            className="border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r from-purple-500 via-violet-500 to-indigo-500 py-2.5 text-base font-semibold text-white shadow-sm hover:from-purple-700 hover:via-violet-700 hover:to-indigo-700 lg:-ml-0"
+            className={clsx(gradient, buttonStyle)}
           >
             Sign in
           </button>