From 3dbdc6f2b2eb4972ec2d053433788af20727e944 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sun, 16 May 2021 08:59:14 +0900
Subject: [PATCH] changed theme button icon

---
 source/src/components/ThemeToggleButton.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/source/src/components/ThemeToggleButton.tsx b/source/src/components/ThemeToggleButton.tsx
index cc05067..f68c6aa 100644
--- a/source/src/components/ThemeToggleButton.tsx
+++ b/source/src/components/ThemeToggleButton.tsx
@@ -1,5 +1,5 @@
 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 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>
 					<ReactTooltip id="theme" type="dark" effect="solid">
 						<span>Change theme</span>