feat: Remove wallpaper overlay

Author: zatteo

src/components/AnimatedWrapper.jsx

@@ -3,7 +3,6 @@ import { isFlagshipApp } from 'cozy-device-helper'
 import homeConfig from '@/config/home.json'
 import { useOpenApp } from '@/hooks/useOpenApp'
 import { RemoveScroll } from 'react-remove-scroll'
-import { useWallpaperContext } from '@/hooks/useWallpaperContext'
 import cx from 'classnames'
 
 import App from '@/containers/App'
@@ -18,9 +17,6 @@ const RemoveScrollOnFlaghsip = ({ children }) => {
 
 const AnimatedWrapper = () => {
   const { getAppState } = useOpenApp()
-  const {
-    data: { isCustomWallpaper }
-  } = useWallpaperContext()
 
   const mainStyle = isFlagshipApp()
     ? {
@@ -34,8 +30,7 @@ const AnimatedWrapper = () => {
       <div
         className={cx(
           `App u-flex u-flex-column u-w-100 u-miw-100 u-flex-items-center`,
-          { [getAppState]: !!getAppState },
-          { 'custom-wallpaper': isCustomWallpaper }
+          { [getAppState]: !!getAppState }
         )}
         style={mainStyle}
       >

src/containers/App.jsx

@@ -104,8 +104,7 @@ const App = () => {
   }
 
   return (
-    // u-bg-white avoids mix-blend-mode from home-custom-background to be linked to the background color of the body. Must not be responsive to the theme.
-    <Layout monoColumn className="u-bg-white">
+    <Layout monoColumn>
       <BarComponent
         searchOptions={{ enabled: false }}
         componentsProps={{

src/styles/app.styl

@@ -26,18 +26,6 @@ body
 .App
     overflow-y overlay
 
-    &.custom-wallpaper
-        // black filter effect above the custom wallpaper image
-        &::before
-            content ''
-            position fixed
-            top 0
-            left 0
-            width 100%
-            height 100%
-            background-color rgba(0, 0, 0, .32)
-            backdrop-filter saturate(124%)
-
     .corner
         z-index var(--zIndex-nav)
         margin rem(12) 2rem rem(-44) 0