made button primary to button success

src/pages/_app.tsx

@@ -91,7 +91,6 @@ const GlobalStyles = createGlobalStyle`
     .modal .card {
         background-color: #202020;
         border: none;
-       
     }
     .modal .card > div {
         border-radius: 30px;
@@ -112,15 +111,15 @@ const GlobalStyles = createGlobalStyle`
         background-size: cover;
         border: none;
     }
-    .btn-primary{
+    .btn-success , btn:focus {
         background: #2dc262;
         border-color: #29a354;
     }
-    .btn-primary:hover {
+    .btn-success:hover {
         background-color: #29a354;
         border-color: #2dc262;
     }
-    .btn-primary:disabled {
+    .btn-success:disabled {
         background-color: #69b383;
     }
     .card {
@@ -261,7 +260,7 @@ export default function App({ Component, pageProps, err }) {
             </Navbar>
             {loading ? (
                 <Container>
-                    <Spinner animation="border" role="status" variant="primary">
+                    <Spinner animation="border" role="status" variant="success">
                         <span className="sr-only">Loading...</span>
                     </Spinner>
                 </Container>

src/pages/gallery/components/AddCollection.tsx

@@ -73,7 +73,7 @@ export default function AddCollection({
                             />
                         </Form.Group>
                         <Button
-                            variant="primary"
+                            variant="success"
                             type="submit"
                             style={{ width: '100%' }}
                         >

src/pages/gallery/index.tsx

@@ -389,7 +389,7 @@ export default function Gallery(props: Props) {
             {!isFirstLoad && data.length == 0 ? (
                 <Jumbotron>
                     <Image alt="vault" src="/vault.png" />
-                    <Button variant="primary" onClick={props.openFileUploader}>
+                    <Button variant="success" onClick={props.openFileUploader}>
                         {constants.UPLOAD_FIRST_PHOTO}
                     </Button>
                 </Jumbotron>

src/pages/index.tsx

@@ -89,7 +89,7 @@ export default function Home() {
                                     </FormControl.Feedback>
                                 </Form.Group>
                                 <Button
-                                    variant="primary"
+                                    variant="success"
                                     type="submit"
                                     block
                                     disabled={loading}

src/pages/signup/index.tsx

@@ -106,7 +106,7 @@ export default function Home() {
                                     {constants.DATA_DISCLAIMER}
                                 </DisclaimerContainer>
                                 <Button
-                                    variant="primary"
+                                    variant="success"
                                     type="submit"
                                     block
                                     disabled={loading}