Allow bookmarking unreleased items

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`}
     />
   );
 }

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>

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: {