feat(Darkmode): add Darkmode

frontend/src/shared/components/modals/DeleteBookModal.tsx

@@ -1,5 +1,5 @@
 import { Button, Modal } from "react-bootstrap";
-import { primary, primaryRGBA, secondary } from "../../../colors";
+import { primary, secondary } from "../../../colors";
 import { ModalHeader } from "./ModalHeader";
 import { ImBin } from "react-icons/im";
 import { useMutation } from "@tanstack/react-query";
@@ -24,12 +24,7 @@ export const DeleteBookModal = ({
   });
 
   return (
-    <Modal
-      show={open}
-      onHide={onClose}
-      style={{ backgroundColor: primaryRGBA }}
-      centered
-    >
+    <Modal show={open} onHide={onClose} centered>
       <ModalHeader
         onClose={onClose}
         title={"Move to Shelf"}
@@ -37,18 +32,13 @@ export const DeleteBookModal = ({
       />
       <Modal.Body
         style={{
-          border: "2px solid black",
           borderTop: "none",
-          backgroundColor: primary,
         }}
       >
         <div className='d-flex mx-auto mb-auto mt-2 w-100'>
           <Button
             style={{
               borderRadius: "5px",
-              backgroundColor: secondary,
-              color: "black",
-              border: "2px solid black",
               marginLeft: "auto",
               marginRight: "10px",
             }}
@@ -59,9 +49,6 @@ export const DeleteBookModal = ({
           <Button
             style={{
               borderRadius: "5px",
-              backgroundColor: secondary,
-              color: "black",
-              border: "2px solid black",
               marginLeft: "auto",
               marginRight: "10px",
             }}