Merge pull request #116 from ShiralynDev/main

Fixes for if 'colorScheme' is auto

Author: Julian-Louis

packages/map/components/Markers/StationMarker.tsx

@@ -38,9 +38,8 @@ export const StationMarker = ({ station }: StationMarkerProps) => {
 	const { colorScheme } = useMantineColorScheme();
 
 	let botIcon = "/markers/icon-bot-simrail.jpg";
-	if (colorScheme === "dark")
+	if (colorScheme === "dark" || colorScheme === "auto" && window.matchMedia('(prefers-color-scheme: dark)').matches)
 		botIcon = "/markers/icon-bot-simrail-dark.jpg";
-	// window.matchMedia('(prefers-color-scheme: dark)').matches incase colorScheme === auto we need to see what the system uses
 
 	const icon = L.icon({
 		iconUrl: station.DispatchedBy[0] && avatar ? avatar : botIcon,

packages/map/components/Markers/TrainMarker.tsx

@@ -33,10 +33,10 @@ const TrainMarker = ({ train }: TrainMarkerProps) => {
 
 	const { colorScheme } = useMantineColorScheme();
 
+	
 	let botIcon = "/markers/icon-bot-simrail.jpg";
-	if (colorScheme === "dark")
+	if (colorScheme === "dark" || colorScheme === "auto" && window.matchMedia('(prefers-color-scheme: dark)').matches)
 		botIcon = "/markers/icon-bot-simrail-dark.jpg";
-	// window.matchMedia('(prefers-color-scheme: dark)').matches incase colorScheme === auto we need to see what the system uses
 
 	const icon = L.icon({
 		iconUrl: train.TrainData.ControlledBySteamID && avatar ? avatar : botIcon,