Set appbar color on light theme

src/components/collection/SelectableCollectionSelectAll.tsx

@@ -24,7 +24,13 @@ export const SelectableCollectionSelectAll = ({
     return (
         <Tooltip title={t(!areAllItemsSelected ? 'global.button.select_all' : 'global.button.clear')}>
             <Checkbox
-                sx={{ padding: '8px' }}
+                sx={{
+                    padding: '8px',
+                    color: 'inherit',
+                    '&.Mui-checked': {
+                        color: 'inherit',
+                    },
+                }}
                 checked={areAllItemsSelected}
                 indeterminate={!areNoItemsSelected && !areAllItemsSelected}
                 onChange={(_, checked) => onChange(checked)}

src/components/collection/SelectableCollectionSelectMode.tsx

@@ -39,7 +39,13 @@ export const SelectableCollectionSelectMode = ({
             <Tooltip title={t(!isActive ? 'global.button.select_all' : 'global.button.cancel')}>
                 <Checkbox
                     checkedIcon={<ClearIcon />}
-                    sx={{ padding: '8px' }}
+                    sx={{
+                        padding: '8px',
+                        color: 'inherit',
+                        '&.Mui-checked': {
+                            color: 'inherit',
+                        },
+                    }}
                     checked={isActive}
                     onChange={(_, checked) => onModeChange(checked)}
                 />