update icon fill colors

src/components/Collections/AllCollections/CollectionSort/index.tsx

@@ -13,7 +13,12 @@ export default function CollectionSort(props: CollectionSortProps) {
     return (
         <OverflowMenu
             ariaControls="collection-sort"
-            triggerButtonIcon={<SortIcon />}>
+            triggerButtonIcon={<SortIcon />}
+            triggerButtonProps={{
+                sx: {
+                    background: (theme) => theme.palette.fill.dark,
+                },
+            }}>
             <CollectionSortOptions {...props} />
         </OverflowMenu>
     );

src/components/Collections/AllCollections/header.tsx

@@ -29,7 +29,11 @@ export default function AllCollectionsHeader({
                         activeSortBy={collectionSortBy}
                         setCollectionSortBy={setCollectionSortBy}
                     />
-                    <IconButton onClick={onClose}>
+                    <IconButton
+                        onClick={onClose}
+                        sx={{
+                            background: (theme) => theme.palette.fill.dark,
+                        }}>
                         <Close />
                     </IconButton>
                 </Stack>

src/components/Collections/CollectionOptions/index.tsx

@@ -209,7 +209,7 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
             triggerButtonIcon={<MoreVertIcon />}
             triggerButtonProps={{
                 sx: {
-                    background: (theme) => theme.palette.background.paper,
+                    background: (theme) => theme.palette.fill.dark,
                 },
             }}>
             {activeCollection?.type === CollectionType.album && (