diff --git a/commafeed-client/src/components/content/FeedEntry.tsx b/commafeed-client/src/components/content/FeedEntry.tsx index 827aba3b..ef3781ba 100644 --- a/commafeed-client/src/components/content/FeedEntry.tsx +++ b/commafeed-client/src/components/content/FeedEntry.tsx @@ -32,6 +32,11 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View if (props.viewMode === "title") mobileMarginY = 2 else if (props.viewMode === "cozy") mobileMarginY = 4 + let backgroundHoverColor = backgroundColor + if (!props.expanded) { + backgroundHoverColor = theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[0] + } + const styles = { paper: { backgroundColor, @@ -41,6 +46,9 @@ const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: View marginTop: mobileMarginY, marginBottom: mobileMarginY, }, + "&:hover": { + backgroundColor: backgroundHoverColor, + }, }, body: { maxWidth: Constants.layout.entryMaxWidth,