chore: optimize onboarding component style (#2235)

packages/component/src/components/tour-modal/TourModal.tsx

@@ -27,7 +27,6 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
       open={open}
       onClose={handleClose}
       wrapperPosition={['center', 'center']}
-      hideBackdrop
     >
       <ModalWrapper width={545} height={442} data-testid="onboarding-modal">
         <ModalCloseButton
@@ -60,7 +59,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
                 onClick={() => setStep(1)}
                 data-testid="onboarding-modal-next-button"
               >
-                Next Tip Please !
+                Next
               </Button>
             </div>
           </div>

packages/component/src/components/tour-modal/index.css.ts

@@ -39,6 +39,6 @@ export const buttonStyle = style({
   padding: '4 20px',
   ':hover': {
     backgroundColor: 'var(--affine-primary-color)',
-    color: 'var(--affine-text-primary-color)',
+    color: 'var(--affine-white)',
   },
 });