+4 -1

src/components/media/MediaBookmark.tsx

··· 34 34 else addBookmark(meta); 35 35 }, [isBookmarked, meta, addBookmark, removeBookmark]); 36 36 37 37 + const buttonOpacityClass = 38 38 + media.year === undefined ? "hover:opacity-100" : "hover:opacity-95"; 39 39 + 37 40 return ( 38 41 <IconPatch 39 42 onClick={toggleBookmark} 40 43 icon={isBookmarked ? Icons.BOOKMARK : Icons.BOOKMARK_OUTLINE} 41 41 - className="p-2 opacity-75 transition-opacity transition-transform duration-300 hover:opacity-95 hover:scale-110" 44 44 + className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110`} 42 45 /> 43 46 ); 44 47 }

+1 -1

src/components/media/MediaCard.tsx

··· 145 145 </> 146 146 ) : null} 147 147 148 148 - {canLink && searchQuery.length > 0 ? ( 148 148 + {searchQuery.length > 0 ? ( 149 149 <div className="absolute" onClick={(e) => e.preventDefault()}> 150 150 <MediaBookmarkButton media={media} /> 151 151 </div>

+2 -2

themes/list/blck.ts

··· 110 110 main: tokens.black.c75, 111 111 secondary: tokens.black.c75, 112 112 secondaryHover: tokens.black.c75, 113 113 - accentA: tokens.black.c75, 114 114 - accentB: tokens.black.c75 113 113 + accentA: tokens.purple.c600, 114 114 + accentB: tokens.black.c100 115 115 }, 116 116 117 117 modal: {