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

changed from hexo to custom react stuff #1

Merged
developomp merged 73 commits from dev into master 2021-06-27 14:37:56 +09:00
Conversation 0 Commits 73 Files changed 140 +7 -2
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 3dbdc6f2b2 - Show all commits

9
source/src/components/ThemeToggleButton.tsx
View file

@ -1,5 +1,5 @@
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { faAdjust } from "@fortawesome/free-solid-svg-icons" import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons"
import styled, { ThemeConsumer } from "styled-components" import styled, { ThemeConsumer } from "styled-components"
import theme from "styled-theming" import theme from "styled-theming"
@ -36,7 +36,12 @@ function Navbar() {
) )
} }
> >
<FontAwesomeIcon icon={faAdjust} /> {_theme.mode == "dark" && (
<FontAwesomeIcon icon={faSun} />
)}
{_theme.mode == "light" && (
<FontAwesomeIcon icon={faMoon} />
)}
</StyledThemeButton> </StyledThemeButton>
<ReactTooltip id="theme" type="dark" effect="solid"> <ReactTooltip id="theme" type="dark" effect="solid">
<span>Change theme</span> <span>Change theme</span>