add themes

src/components/NavbarCollapsed.tsx

@@ -25,7 +25,7 @@ export default function Navbar() {
                 alignItems: "center",
             }}
         >
-            <PenaLogo width={100} />
+            <PenaLogo width={100} theme="dark" />
             <IconButton sx={{ p: 0, height: "30px", width: "30px" }}>
                 <MenuIcon sx={{ height: "30px", width: "30px" }} />
             </IconButton>

src/components/landing/Section1.tsx

@@ -34,7 +34,7 @@ export default function Section1() {
                     mb: upMd ? undefined : "30px",
                 }}
             >
-                {upMd && <PenaLogo width={180}/>}
+                {upMd && <PenaLogo width={180} theme="dark" />}
                 <Typography variant="h2">Сервисы прокачки маркетинга</Typography>
             </Box>
             <Box
@@ -80,8 +80,10 @@ export default function Section1() {
                 <Typography sx={{ mb: "40px" }}>И все это в едином кабинете</Typography>
                 <Button
                     variant="contained"
-                    backgroundColor={theme.palette.custom.brightPurple.main}
-                    textColor={theme.palette.primary.main}
+                    sx={{
+                        backgroundColor: theme.palette.custom.brightPurple.main,
+                        textColor: theme.palette.primary.main,
+                    }}
                 >Подробнее</Button>
             </Box>
         </SectionWrapper >