Updated button color

Author: peterzimon

apps/admin-x-activitypub/src/components/layout/Onboarding/Step1.tsx

@@ -21,7 +21,7 @@ const Step1: React.FC<{ onNext: () => void }> = ({onNext}) => {
                             <p><strong>{account?.name}</strong> is now part of the world’s largest open network.</p>
                         </div>
                     </div>
-                    <Button className={`min-w-60 bg-gradient-to-r from-purple-500 to-purple-600`} size='lg' onClick={onNext}>Next &rarr;</Button>
+                    <Button className={`min-w-60 bg-gradient-to-r from-purple-500 to-[#6A1AD6] hover:opacity-90`} size='lg' onClick={onNext}>Next &rarr;</Button>
                 </div>
                 <div className='relative z-10 h-full'>
                     <img className='absolute left-1/2 top-[calc(-280px)] w-full min-w-[1240px] max-w-[1300px] -translate-x-1/2' src={apNodes} />

apps/admin-x-activitypub/src/components/layout/Onboarding/Step2.tsx

@@ -70,7 +70,7 @@ const Step2: React.FC<{onNext: () => void}> = ({onNext}) => {
                         <p className='tracking-tight text-gray-700 dark:text-gray-600'>Best of all, you get realtime feedback and visibility when something you’ve created is spreading fast across the social web.</p>
                     </div>
                 </div>
-                <Button className='min-w-60 bg-gradient-to-r from-purple-500 to-purple-600' size='lg' onClick={onNext}>Next &rarr;</Button>
+                <Button className='min-w-60 bg-gradient-to-r from-purple-500 to-[#6A1AD6] hover:opacity-90' size='lg' onClick={onNext}>Next &rarr;</Button>
             </Header>
             <div className='mt-8 flex h-full max-h-[670px] flex-col items-stretch justify-end'>
                 <div className='relative -mx-14 mt-5 w-[calc(100%+112px)] overflow-y-hidden px-14 pt-8'>

apps/admin-x-activitypub/src/components/layout/Onboarding/Step3.tsx

@@ -316,7 +316,7 @@ const Step3: React.FC<{onComplete: () => Promise<void>}> = ({onComplete}) => {
                         <p className='tracking-tight text-gray-700 dark:text-gray-600'>Follow-back your community to connect with them directly, or subscribe to your peers for inspiration to fuel your next idea. You now have a native <span className='font-semibold text-black'>social web reader</span> inside Ghost for keeping track of your favourite creators across different platforms.</p>
                     </div>
                 </div>
-                <Button className='min-w-60 bg-gradient-to-r from-purple-500 to-purple-600' size='lg' onClick={onComplete}>Next &rarr;</Button>
+                <Button className='min-w-60 bg-gradient-to-r from-purple-500 to-[#6A1AD6] hover:opacity-90' size='lg' onClick={onComplete}>Next &rarr;</Button>
             </Header>
             <div className='mt-8 flex h-full max-h-[760px] flex-col items-stretch justify-end'>
                 <div