From a7f287f8663a56cda3af5bd46dcd30d8d7e164b6 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 23 Aug 2023 14:26:44 +0300
Subject: [PATCH] feat: add theme background for page wrapper shadow

---
 src/components/PageWrappers/PageWrapperShadow.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/PageWrappers/PageWrapperShadow.tsx b/src/components/PageWrappers/PageWrapperShadow.tsx
index c0e0f2b3..b28d2b63 100644
--- a/src/components/PageWrappers/PageWrapperShadow.tsx
+++ b/src/components/PageWrappers/PageWrapperShadow.tsx
@@ -1,6 +1,7 @@
 import { ReactNode } from 'react'
 import './layout.css'
 import NimbusLogoMark from '../Logos/NimbusLogoMark'
+import { useTheme } from 'tamagui'
 
 type PageWrapperShadowProps = {
   breadcrumbBar?: ReactNode
@@ -15,8 +16,10 @@ const PageWrapperShadow = ({
   rightImageLogo,
   children,
 }: PageWrapperShadowProps) => {
+  const theme = useTheme()
+
   return (
-    <div className="layout">
+    <div className="layout" style={{ backgroundColor: theme.background.val }}>
       <section className="layout-left">
         {breadcrumbBar}
         <div className="container">