last cleanup

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>

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 };
 

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

tailwind.config.ts

@@ -20,6 +20,7 @@ export const baseColors = {
   icons: {
     dark: '#000000',
     light: '#F9FFE3',
+    gold: '#FFD700',
   },
   text: {
     primary: '#F9FFE3',