Add utility for building theme based on default theme

Client/src/Pages/DistributedUptime/Details/Components/DistributedUptimeMap/buildStyle.js

@@ -0,0 +1,34 @@
+import baseStyle from "./DistributedUptimeMapStyle.json";
+
+const buildStyle = (theme, mode) => {
+	const style = JSON.parse(JSON.stringify(baseStyle));
+
+	if (mode === "dark") {
+		return baseStyle;
+	}
+
+	if (style.layers) {
+		console.log(style.layers);
+		const newLayers = style.layers.map((layer) => {
+			if (layer.id === "background") {
+				layer.paint["background-color"] = theme.palette.map.main;
+			}
+
+			if (layer.id === "countries-fill") {
+				layer.paint["fill-color"] = theme.palette.map.lowContrast;
+			}
+
+			if (layer.id === "coastline") {
+				layer.paint["line-color"] = theme.palette.map.highContrast;
+			}
+			if (layer.id === "countries-boundary") {
+				layer.paint["line-color"] = theme.palette.map.highContrast;
+			}
+			return layer;
+		});
+		style.layers = newLayers;
+	}
+	return style;
+};
+
+export default buildStyle;