pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

removed styled-theming dependency

Browse source
This commit is contained in:
Kim, Jimin 2021-05-19 17:26:40 +09:00
parent 087e9fa8c8
commit c850184bc7
10 changed files with 129 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

19
source/src/components/Navbar.tsx
View file

@ -1,7 +1,6 @@
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faGithub } from "@fortawesome/free-brands-svg-icons"
import styled from "styled-components"
import theme from "styled-theming"
import ReactTooltip from "react-tooltip"
import NavbarData from "../data/NavbarData"
import theming from "../theming"
@ -18,14 +17,16 @@ const StyledNav = styled.nav`
height: 2rem;
margin: 0;
padding: 1rem;
background-color: ${theme("mode", {
light: theming.light.backgroundColor0,
dark: theming.dark.backgroundColor0,
})};
color: ${theme("mode", {
light: theming.light.color0,
dark: theming.dark.color0,
})};
background-color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: theming.light.backgroundColor0,
dark: theming.dark.backgroundColor0,
})};
color: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: theming.light.color0,
dark: theming.dark.color0,
})};
box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
.right {