fix(ui): refine image filters for playing and paused states in SquiddiesGlass

Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Deluan
2026-04-08 13:13:56 -04:00
parent 36a7be9eaf
commit 4570dec675
2 changed files with 3 additions and 4 deletions
-1
View File
@@ -51,7 +51,6 @@ const useStyles = makeStyles({
borderRadius: '4px',
flexShrink: 0,
cursor: 'pointer',
filter: 'none !important',
},
row: {
cursor: 'pointer',
+3 -3
View File
@@ -208,11 +208,11 @@ export default {
borderBottom: `1px solid ${colors.gray[300]}`,
padding: '10px !important',
color: `${colors.gray[100]} !important`,
'& img': {
'& img[alt="playing"], & img[alt="paused"]': {
filter:
'brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(7463%) hue-rotate(289deg) brightness(95%) contrast(102%);',
'brightness(0) saturate(100%) invert(36%) sepia(93%) saturate(7463%) hue-rotate(289deg) brightness(95%) contrast(102%)',
},
'& img + span': {
'& img[alt="playing"] + span, & img[alt="paused"] + span': {
color: colors.pink[500],
},
},