fix dark mode icon

Author: DenverCoder1

src/demo/css/toggle-dark.css

@@ -15,6 +15,7 @@ a.darkmode {
     0 0 3px rgb(0 0 0 / 12%),
     0 1px 2px rgb(0 0 0 / 24%);
   transition: 0.2s ease-in box-shadow;
+  text-decoration: none;
 }
 
 a.darkmode:hover {

src/demo/index.php

@@ -22,7 +22,7 @@ function camelToSkewer(string $str): string
         function ($matches) {
             return "-" . strtolower($matches[0]);
         },
-        $str,
+        $str
     );
 }
 ?>
@@ -46,7 +46,6 @@ function gtag() {
         gtag('config', 'G-48CYVH0XEF');
     </script>
     <title>GitHub Readme Streak Stats Demo</title>
-    <link href="https://css-gg-cdn.pages.dev/css" rel="stylesheet">
     <link rel="stylesheet" href="./css/style.css?v=<?= filemtime("./css/style.css") ?>">
     <link rel="stylesheet" href="./css/toggle-dark.css?v=<?= filemtime("./css/toggle-dark.css") ?>">
 
@@ -281,7 +280,13 @@ function gtag() {
     </div>
 
     <a href="javascript:toggleTheme()" class="darkmode" title="toggle dark mode">
-        <i class="<?php echo $darkmode === "on" ? "gg-sun" : "gg-moon"; ?>"></i>
+         <span id="darkmode-icon">
+            <?php if ($darkmode === "on"): ?>
+                🌞
+            <?php else: ?>
+                🌙
+            <?php endif; ?>
+         </span>
     </a>
 </body>
 

src/demo/js/toggle-dark.js

@@ -39,7 +39,7 @@ function getCookie(name) {
  * Turn on dark mode
  */
 function darkmode() {
-  document.querySelector(".darkmode i").className = "gg-sun";
+  document.querySelector("#darkmode-icon").innerText = "🌞";
   setCookie("darkmode", "on", 9999);
   document.body.setAttribute("data-theme", "dark");
 }
@@ -48,7 +48,7 @@ function darkmode() {
  * Turn on light mode
  */
 function lightmode() {
-  document.querySelector(".darkmode i").className = "gg-moon";
+  document.querySelector("#darkmode-icon").innerText = "🌙";
   setCookie("darkmode", "off", 9999);
   document.body.removeAttribute("data-theme");
 }