Revert "[hotfix] setup complete state colors"

frappe/desk/page/setup_wizard/setup_wizard.js

@@ -237,6 +237,7 @@ frappe.setup.SetupWizard = class SetupWizard extends frappe.ui.Slides {
 		this.working_state_message = this.get_message(
 			__("Setting Up"),
 			__("Sit tight while your system is being setup. This may take a few moments."),
+			'orange',
 			true
 		).appendTo(this.parent);
 
@@ -244,7 +245,8 @@ frappe.setup.SetupWizard = class SetupWizard extends frappe.ui.Slides {
 		this.current_slide = null;
 		this.completed_state_message = this.get_message(
 			__("Setup Complete"),
-			__("You're all set!")
+			__("You're all set!"),
+			'green'
 		);
 	}
 
@@ -257,7 +259,7 @@ frappe.setup.SetupWizard = class SetupWizard extends frappe.ui.Slides {
 		const loading_html = loading
 			? '<div style="width:100%;height:100%" class="lds-rolling state-icon"><div></div></div>'
 			: `<div style="width:100%;height:100%" class="state-icon">
-				<i class="fa fa-check-circle text-success"
+				<i class="fa fa-check-circle text-extra-muted"
 					style="font-size: 64px; margin-top: -8px;"></i>
 			</div>`;
 

frappe/public/css/page.css

@@ -277,6 +277,13 @@ select.input-sm {
   opacity: 1;
   cursor: pointer;
 }
+.page-card-container,
+.setup-state {
+  background-color: #f5f7fa;
+}
+.page-container .page-card-container {
+  background-color: #fff;
+}
 .page-card-container {
   padding: 70px;
 }

frappe/public/less/page.less

@@ -335,6 +335,14 @@ select.input-sm {
 	}
 }
 
+.page-card-container, .setup-state {
+	background-color: #f5f7fa;
+}
+
+.page-container .page-card-container {
+	background-color: #fff;
+}
+
 .page-card-container {
 	padding: 70px;
 }