From b3617e4ef0d0055cd6e6cd49ffa86a4418d88e2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= <vojtech.kane@gmail.com>
Date: Wed, 7 Oct 2020 10:55:55 +0200
Subject: [PATCH] Set the moon icon using a CSS class

This ensures higher compatibility and better code readability
---
 themes/patek/assets/css/main.scss       | 4 ----
 themes/patek/layouts/partials/menu.html | 1 +
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/themes/patek/assets/css/main.scss b/themes/patek/assets/css/main.scss
index c6da3c3..cf079a1 100644
--- a/themes/patek/assets/css/main.scss
+++ b/themes/patek/assets/css/main.scss
@@ -242,10 +242,6 @@ h2 a {
 .dark-mode-toggler {
   padding: 1rem !important;
 }
-.dark-mode-toggler::before {
-  font-family: "Font Awesome 5 Free Solid";
-  content: "" !important;
-}
 .dark-mode-toggler::after {
   content: none !important;
 }
diff --git a/themes/patek/layouts/partials/menu.html b/themes/patek/layouts/partials/menu.html
index df6019e..48580a6 100644
--- a/themes/patek/layouts/partials/menu.html
+++ b/themes/patek/layouts/partials/menu.html
@@ -38,6 +38,7 @@
             </div>
             <div class="navbar-end">
                 <div class="navbar-item is-hoverable dark-mode-toggler navbar-link" role="button">
+                    <i class="fas fa-moon"></i>
                 </div>
                 <div class="navbar-item has-dropdown is-hoverable">
                     <span class="navbar-link">{{ .Site.Language.LanguageName }}</span>