visual improvements

components/ModalContent/EditCollectionModal.tsx

@@ -111,7 +111,7 @@ export default function EditCollectionModal({
         </div>
 
         <button
-          className="btn btn-accent text-white w-fit ml-auto"
+          className="btn btn-accent dark:border-violet-400 text-white w-fit ml-auto"
           onClick={submit}
         >
           Save

components/ModalContent/EditCollectionSharingModal.tsx

@@ -438,7 +438,7 @@ export default function EditCollectionSharingModal({
 
         {permissions === true && (
           <button
-            className="btn btn-accent text-white w-fit ml-auto mt-3"
+            className="btn btn-accent dark:border-violet-400 text-white w-fit ml-auto mt-3"
             onClick={submit}
           >
             Save

components/ModalContent/EditLinkModal.tsx

@@ -159,7 +159,10 @@ export default function EditLinkModal({ onClose, activeLink }: Props) {
       </div>
 
       <div className="flex justify-end items-center mt-5">
-        <button className="btn btn-accent text-white" onClick={submit}>
+        <button
+          className="btn btn-accent dark:border-violet-400 text-white"
+          onClick={submit}
+        >
           Save
         </button>
       </div>

components/ModalContent/NewCollectionModal.tsx

@@ -116,7 +116,7 @@ export default function NewCollectionModal({ onClose }: Props) {
         </div>
 
         <button
-          className="btn btn-accent text-white w-fit ml-auto"
+          className="btn btn-accent dark:border-violet-400 text-white w-fit ml-auto"
           onClick={submit}
         >
           Create Collection

components/ModalContent/NewLinkModal.tsx

@@ -192,7 +192,10 @@ export default function NewLinkModal({ onClose }: Props) {
           <p>{optionsExpanded ? "Hide" : "More"} Options</p>
         </div>
 
-        <button className="btn btn-accent text-white" onClick={submit}>
+        <button
+          className="btn btn-accent dark:border-violet-400 text-white"
+          onClick={submit}
+        >
           Create Link
         </button>
       </div>

components/ModalContent/PreservedFormatsModal.tsx

@@ -191,7 +191,7 @@ export default function PreservedFormatsModal({ onClose, activeLink }: Props) {
         <div className="flex flex-col-reverse sm:flex-row sm:gap-3 items-center justify-center">
           {link?.collection.ownerId === session.data?.user.id ? (
             <div
-              className={`btn btn-accent text-white ${
+              className={`btn btn-accent dark:border-violet-400 text-white ${
                 link?.pdfPath &&
                 link?.screenshotPath &&
                 link?.pdfPath !== "pending" &&

components/ModalContent/UploadFileModal.tsx

@@ -237,7 +237,10 @@ export default function UploadFileModal({ onClose }: Props) {
           <p>{optionsExpanded ? "Hide" : "More"} Options</p>
         </div>
 
-        <button className="btn btn-accent text-white" onClick={submit}>
+        <button
+          className="btn btn-accent dark:border-violet-400 text-white"
+          onClick={submit}
+        >
           Create Link
         </button>
       </div>