From a9f99ab5a117ffa95b44d85d9b95ba77d372052b Mon Sep 17 00:00:00 2001
From: Vikeo <thevikeo@gmail.com>
Date: Sun, 22 Sep 2024 09:45:43 +0200
Subject: [PATCH] last cleanup

---
 src/Components/Dialogs/InfoDialog.tsx    |  4 ++++
 src/Components/Misc/MonarchCrown.tsx     | 15 ++++++++++++++-
 src/Providers/GlobalSettingsProvider.tsx |  1 +
 tailwind.config.ts                       |  1 +
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/Components/Dialogs/InfoDialog.tsx b/src/Components/Dialogs/InfoDialog.tsx
index eb15913..2ab38e6 100644
--- a/src/Components/Dialogs/InfoDialog.tsx
+++ b/src/Components/Dialogs/InfoDialog.tsx
@@ -3,6 +3,7 @@ import {
   CommanderTax,
   Energy,
   Experience,
+  Monarch,
   PartnerTax,
   Poison,
 } from '../../Icons/generated';
@@ -108,6 +109,9 @@ export const InfoDialog = ({
             <li className="flex items-center">
               <Experience className="size-6" /> - Experience
             </li>
+            <li className="flex items-center">
+              <Monarch className="size-6" /> - Monarch
+            </li>
           </ul>
 
           <h3 className="text-lg font-bold mb-2">Other functionality</h3>
diff --git a/src/Components/Misc/MonarchCrown.tsx b/src/Components/Misc/MonarchCrown.tsx
index e681aa1..061558a 100644
--- a/src/Components/Misc/MonarchCrown.tsx
+++ b/src/Components/Misc/MonarchCrown.tsx
@@ -32,7 +32,20 @@ export const MonarchCrown = ({ player }: { player: Player }) => {
           name="useMonarch"
           checked={player.isMonarch}
           icon={<Monarch size={iconSize} color={player.color} stroke="white" />}
-          checkedIcon={<Monarch size={iconSize} color="gold" stroke="white" />}
+          checkedIcon={
+            <div>
+              <Monarch
+                size={iconSize}
+                stroke="white"
+                className="absolute blur z-[-1] text-icons-gold"
+              />
+              <Monarch
+                size={iconSize}
+                stroke="white"
+                className="text-icons-gold"
+              />
+            </div>
+          }
           onChange={(e) => {
             const updatedPlayer = { ...player, isMonarch: e.target.checked };
 
diff --git a/src/Providers/GlobalSettingsProvider.tsx b/src/Providers/GlobalSettingsProvider.tsx
index 2edcbe4..45d5620 100644
--- a/src/Providers/GlobalSettingsProvider.tsx
+++ b/src/Providers/GlobalSettingsProvider.tsx
@@ -104,6 +104,7 @@ export const GlobalSettingsProvider = ({
     setPlaying(false);
     setShowPlay(false);
     setPreStartCompleted(false);
+    setSettings({ ...settings, useMonarch: false });
   };
 
   // Set settings if they are not valid
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 4e15909..365574c 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -20,6 +20,7 @@ export const baseColors = {
   icons: {
     dark: '#000000',
     light: '#F9FFE3',
+    gold: '#FFD700',
   },
   text: {
     primary: '#F9FFE3',