From 970e0c915744738555b01751763e5262175e40c4 Mon Sep 17 00:00:00 2001 From: Xingwang Liao Date: Mon, 23 Dec 2024 16:38:04 +0800 Subject: [PATCH] feat(ui-components): update hover background color of package list (#5016) This color was fixed in #4687 and looks too dark. Use the original hover color defined in [@mui/material](https://github.com/mui/material-ui/blob/v5.16.5/packages/mui-material/src/styles/createPalette.js#L36) --- .changeset/real-seahorses-change.md | 5 +++++ packages/ui-components/src/components/Package/styles.ts | 3 +-- 2 files changed, 6 insertions(+), 2 deletions(-) create mode 100644 .changeset/real-seahorses-change.md diff --git a/.changeset/real-seahorses-change.md b/.changeset/real-seahorses-change.md new file mode 100644 index 000000000..b985abaa2 --- /dev/null +++ b/.changeset/real-seahorses-change.md @@ -0,0 +1,5 @@ +--- +'@verdaccio/ui-components': minor +--- + +update hover background color of package list diff --git a/packages/ui-components/src/components/Package/styles.ts b/packages/ui-components/src/components/Package/styles.ts index 3f85075c7..78b0a5916 100644 --- a/packages/ui-components/src/components/Package/styles.ts +++ b/packages/ui-components/src/components/Package/styles.ts @@ -71,8 +71,7 @@ export const GridRightAligned = styled(Grid)({ export const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({ '&:hover': { - backgroundColor: - theme.palette.mode == 'dark' ? theme.palette.secondary.main : theme.palette.greyLight2, + backgroundColor: theme.palette.action.hover, }, }));