felschr/felschr.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: fix white footer in dark mode

Browse source
This commit is contained in:
Felix Schröter 2023-01-04 19:43:22 +01:00
parent f86c8b2ea5
commit 6fb7c6af68
Signed by: felschr
GPG key ID: 671E39E6744C807D
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/atoms/Footer.tsx
View file

@ -17,7 +17,7 @@ export const Footer = ({ children }: FooterProps) => {
padding={2} padding={2}
width="100%" width="100%"
gap={2} gap={2}
sx={{ backgroundColor: theme.palette.background.default.toString(), boxShadow: 2 }} sx={{ backgroundColor: theme.vars.palette.background.default, boxShadow: 2 }}
> >
{children} {children}
</Box> </Box>

3
src/components/organisms/Layout.tsx
View file

@ -7,6 +7,9 @@ import { BsMastodon } from "react-icons/bs"
import { Link as GatsbyLink } from "gatsby" import { Link as GatsbyLink } from "gatsby"
import { Footer } from "../atoms/Footer" import { Footer } from "../atoms/Footer"
// this adds typings for using `theme.vars`
import type {} from "@mui/material/themeCssVarsAugmentation"
const pages = [ const pages = [
{ title: "Home", to: "/" }, { title: "Home", to: "/" },
{ title: "Blog", to: "/blog" }, { title: "Blog", to: "/blog" },