From fd8a79b4853b6bbc06aa9f6ff7bd366c1bb6ca1b Mon Sep 17 00:00:00 2001 From: Clinton Date: Mon, 30 Aug 2021 17:53:00 -0700 Subject: [PATCH] feat: apply filter on images in dark mode --- src/components/PackTile.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/components/PackTile.js b/src/components/PackTile.js index 2b8535af9..cb5fb069a 100644 --- a/src/components/PackTile.js +++ b/src/components/PackTile.js @@ -89,6 +89,11 @@ const PackTile = ({ padding: 0 ${view === VIEWS.GRID ? 5 : 1}%; margin: ${view === VIEWS.GRID ? 'auto' : 0}; + .dark-mode & { + filter: brightness(1) invert(1) hue-rotate(188deg); + /* filter: grayscale(50%); */ + } + ${view === VIEWS.LIST && css` max-height: 150px;