message: fix: bottom nav works with dark mode
diff: import * as React from "react"
  import { NavLink } from "./header"
  -import { Stack, Box, Text, Icon } from "@chakra-ui/core"
  +import { Stack, Box, Text, Icon, useColorModeValue } from "@chakra-ui/core"
  import { FiUsers, FiBookOpen, FiFileText } from "react-icons/fi"
  export function BottomNavItem(props) {
  @@ -23,6 +23,7 @@ export function BottomNavItem(props) {
  }
  const BottomNav = () => {
  + const bg = useColorModeValue("white", "gray.800")
  return (
  <Stack
  bottom="0"
  @@ -34,7 +35,7 @@ const BottomNav = () => {
  position="fixed"
  paddingY="0.8rem"
  borderTopWidth="1px"
  - background="white"
  + background={bg}
  display={["flex", "flex", "none", "none"]}
  >
  <BottomNavItem
  