Index: binaries/data/mods/mod/gui/modmod/modmod.js
===================================================================
--- binaries/data/mods/mod/gui/modmod/modmod.js
+++ binaries/data/mods/mod/gui/modmod/modmod.js
@@ -305,23 +305,6 @@
 		(!operator || versionSatisfied(g_Mods[folder].version, operator[0], version)));
 }
 
-function modIo()
-{
-	messageBox(500, 250,
-		translate("You are about to connect to the mod.io online service. This provides easy access to community-made mods, but is not under the control of Wildfire Games.\n\nWhile we have taken care to make this secure, we cannot guarantee with absolute certainty that this is not a security risk.\n\nDo you really want to connect?"),
-		translate("Connect to mod.io?"),
-		[translate("Cancel"), translateWithContext("mod.io connection message box", "Connect")],
-		[
-			null,
-			() => {
-				Engine.PushGuiPage("page_modio.xml", {
-					"callback": "initMods"
-				});
-			}
-		]
-	);
-}
-
 /**
  * Compares the given versions using the given operator.
  *       '-' or '_' is ignored. Only numbers are supported.
Index: binaries/data/mods/mod/gui/modmod/modmod.xml
===================================================================
--- binaries/data/mods/mod/gui/modmod/modmod.xml
+++ binaries/data/mods/mod/gui/modmod/modmod.xml
@@ -192,7 +192,7 @@
 
 		<object type="button" style="ModernButtonRed" size="100%-606 100%-44 100%-412 100%-16">
 			<translatableAttribute id="caption">Download Mods</translatableAttribute>
-			<action on="Press">modIo();</action>
+			<action on="Press">Engine.PushGuiPage("page_premodio.xml");</action>
 		</object>
 
 		<object name="saveConfigurationButton" type="button" style="ModernButtonRed" size="100%-408 100%-44 100%-214 100%-16">
Index: binaries/data/mods/mod/gui/page_premodio.xml
===================================================================
--- /dev/null
+++ binaries/data/mods/mod/gui/page_premodio.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<page>
+	<include>common/modern/setup.xml</include>
+	<include>common/modern/styles.xml</include>
+	<include>common/modern/sprites.xml</include>
+
+	<include>premodio/premodio.xml</include>
+</page>
Index: binaries/data/mods/mod/gui/premodio/modiodisclaimer.txt
===================================================================
--- /dev/null
+++ binaries/data/mods/mod/gui/premodio/modiodisclaimer.txt
@@ -0,0 +1,5 @@
+You are about to connect to the mod.io online service. This provides easy access to community-made mods, but is not under the control of Wildfire Games.
+
+While we have taken care to make this secure, we cannot guarantee with absolute certainty that this is not a security risk. As such, Wildfire Games would not be held accountable for any damages caused by this service or it's content.
+
+Connecting to this service means you have agreed to mod.io's Terms of Use and Privacy Policy.
Index: binaries/data/mods/mod/gui/premodio/premodio.js
===================================================================
--- /dev/null
+++ binaries/data/mods/mod/gui/premodio/premodio.js
@@ -0,0 +1,10 @@
+function init(data)
+{
+	Engine.GetGUIObjectByName("mainText").caption = Engine.TranslateLines(Engine.ReadFile("gui/premodio/modiodisclaimer.txt"));
+}
+
+function connect()
+{
+	Engine.PopGuiPage();
+	Engine.PushGuiPage("page_modio.xml", { "callback": "initMods" });
+}
Index: binaries/data/mods/mod/gui/premodio/premodio.xml
===================================================================
--- /dev/null
+++ binaries/data/mods/mod/gui/premodio/premodio.xml
@@ -0,0 +1,45 @@
+<objects>
+
+	<script directory="gui/common/"/>
+	<script directory="gui/premodio/"/>
+
+	<!-- Add a translucent black background to fade out the menu page -->
+	<object type="image" z="0" sprite="ModernFade"/>
+
+	<object type="image" style="ModernDialog" size="50%-466 50%-150 50%+466 50%+150">
+
+		<object name="title" style="ModernLabelText" type="text" size="50%-128 -18 50%+128 14">
+			<translatableAttribute id="caption">mod.io</translatableAttribute>
+		</object>
+
+		<object type="image" sprite="ModernFade" size="10 10 100%-10 55%">
+			<object name="mainText" type="text" style="ModernTextPanel"/>
+		</object>
+		
+		<object type="image" sprite="ModernDarkBoxGold" size="10 55%+5 100%-10 100%-60">
+
+			<object type="button" style="ModernButtonRed" size="100%-408 20 100%-218 50">
+				<translatableAttribute id="caption">Terms Of Use</translatableAttribute>
+				<translatableAttribute id="tooltip">Click to open mod.io terms of use in the browser</translatableAttribute>
+				<action on="Press">Engine.OpenURL("https://mod.io/terms");</action>
+			</object>
+			<object type="button" style="ModernButtonRed" size="100%-214 20 100%-24 50">
+				<translatableAttribute id="caption">Privacy Policy</translatableAttribute>
+				<translatableAttribute id="tooltip">Click to open mod.io privacy policy in the browser</translatableAttribute>
+				<action on="Press">Engine.OpenURL("https://mod.io/privacy");</action>
+			</object>
+	
+		</object>
+
+		<object type="button" style="ModernButtonRed" size="100%-418 100%-52 100%-228 100%-24" hotkey="cancel">
+			<translatableAttribute id="caption">Close</translatableAttribute>
+			<action on="Press">Engine.PopGuiPage();</action>
+		</object>
+		<object type="button" style="ModernButtonRed" size="100%-224 100%-52 100%-34 100%-24" hotkey="connect">
+			<translatableAttribute id="caption">Connect</translatableAttribute>
+			<action on="Press">connect();</action>
+		</object>
+
+	</object>
+
+</objects>