From 12fbeeceb025f37ecb2c071fc0c9914c0465b381 Mon Sep 17 00:00:00 2001
From: ClaPalo <claudioclaudio91@gmail.com>
Date: Wed, 10 Apr 2024 23:48:17 -0500
Subject: [PATCH] Added button to switch theme

---
 src/components/EditorHeader/ControlPanel.jsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/EditorHeader/ControlPanel.jsx b/src/components/EditorHeader/ControlPanel.jsx
index 1534467..79883ae 100644
--- a/src/components/EditorHeader/ControlPanel.jsx
+++ b/src/components/EditorHeader/ControlPanel.jsx
@@ -1313,6 +1313,24 @@ export default function ControlPanel({
               <i className="fa-regular fa-calendar-check" />
             </button>
           </Tooltip>
+          <Divider layout="vertical" margin="8px" />
+          <Tooltip content="Change theme" position="bottom">
+            <button
+              className="py-1 px-2 hover-2 rounded text-xl -mt-0.5"
+              onClick={() => {
+                const body = document.body;
+                if (body.hasAttribute("theme-mode")) {
+                  if (body.getAttribute("theme-mode") === "light") {
+                    menu["View"]["Theme"].children[1]["Dark"]();
+                  } else {
+                    menu["View"]["Theme"].children[0]["Light"]();
+                  }
+                }
+              }}
+            >
+              <i className="fa-solid fa-circle-half-stroke" />
+            </button>
+          </Tooltip>
         </div>
         <button
           onClick={() => invertLayout("header")}