From 36c878b5d9788cd3ebab809278a8b100a2f0a577 Mon Sep 17 00:00:00 2001
From: Cooper <Cooperransom08@outlook.com>
Date: Thu, 18 Jul 2024 17:12:39 +0000
Subject: [PATCH] Allow bookmarking unreleased items

---
 src/components/media/MediaBookmark.tsx | 5 ++++-
 src/components/media/MediaCard.tsx     | 2 +-
 themes/list/blck.ts                    | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/media/MediaBookmark.tsx b/src/components/media/MediaBookmark.tsx
index 1036cb05..fab77479 100644
--- a/src/components/media/MediaBookmark.tsx
+++ b/src/components/media/MediaBookmark.tsx
@@ -34,11 +34,14 @@ export function MediaBookmarkButton({ media }: MediaBookmarkProps) {
     else addBookmark(meta);
   }, [isBookmarked, meta, addBookmark, removeBookmark]);
 
+  const buttonOpacityClass =
+    media.year === undefined ? "hover:opacity-100" : "hover:opacity-95";
+
   return (
     <IconPatch
       onClick={toggleBookmark}
       icon={isBookmarked ? Icons.BOOKMARK : Icons.BOOKMARK_OUTLINE}
-      className="p-2 opacity-75 transition-opacity transition-transform duration-300 hover:opacity-95 hover:scale-110"
+      className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110`}
     />
   );
 }
diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index c25fc0d5..ebc810eb 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -145,7 +145,7 @@ function MediaCardContent({
             </>
           ) : null}
 
-          {canLink && searchQuery.length > 0 ? (
+          {searchQuery.length > 0 ? (
             <div className="absolute" onClick={(e) => e.preventDefault()}>
               <MediaBookmarkButton media={media} />
             </div>
diff --git a/themes/list/blck.ts b/themes/list/blck.ts
index 72a424da..5b97973c 100644
--- a/themes/list/blck.ts
+++ b/themes/list/blck.ts
@@ -110,8 +110,8 @@ export default createTheme({
         main: tokens.black.c75,
         secondary: tokens.black.c75,
         secondaryHover: tokens.black.c75,
-        accentA: tokens.black.c75,
-        accentB: tokens.black.c75
+        accentA: tokens.purple.c600,
+        accentB: tokens.black.c100
       },
 
       modal: {