Fix colours and spacing (#95596)

* Fix colours and spacing * Fix busy state * Fix migration instructions colours * Fix help link
Automattic · Oct 23, 2024 · 445033f · 445033f
1 parent 7ad9287
commit 445033f
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 23 deletions.
diff --git a/client/components/domains/search-filters/style.scss b/client/components/domains/search-filters/style.scss
@@ -181,17 +181,6 @@ body.is-section-signup:not(.is-white-signup) {
 }
 
 body.is-section-signup.is-white-signup {
-	$accent-blue: #117ac9;
-
-	.search-filters__popover,
-	.search-filters-extensions__popover {
-		.token-field__suggestion {
-			&.is-selected {
-				background: $accent-blue;
-			}
-		}
-	}
-
 	.search-filters-extensions__popover {
 		@include break-medium {
 			transform: translateX(65px);

diff --git a/...r/declarative-flow/internals/steps-repository/site-migration-import-or-migrate/style.scss b/...r/declarative-flow/internals/steps-repository/site-migration-import-or-migrate/style.scss
@@ -4,10 +4,6 @@
 .import-or-migrate {
 	max-width: 602px;
 
-	&.site-migration-import-or-migrate.step-container .step-container__header {
-		padding: 36px;
-	}
-
 	.onboarding-title {
 		font-size: 2.75rem;
 		text-align: center;

diff --git a/.../internals/steps-repository/site-migration-instructions/migration-instructions/style.scss b/.../internals/steps-repository/site-migration-instructions/migration-instructions/style.scss
@@ -10,6 +10,35 @@
 		flex-direction: row;
 		gap: 24px;
 	}
+
+	.circular__progress-bar-fill-circle {
+		stroke: var(--studio-wordpress-blue-50);
+	}
+
+	.external-link,
+	.checklist-item__task.completed .checklist-item__task-content:hover .checklist-item__text {
+		color: var(--studio-wordpress-blue-50);
+	}
+
+	.checklist-item__task.completed .checklist-item__task-content:hover .checklist-item__checkmark {
+		fill: var(--studio-wordpress-blue-50);
+	}
+
+	.checklist-item__checklist-expanded-action-button.components-button {
+		background-color: var(--studio-wordpress-blue-50);
+		border-color: var(--studio-wordpress-blue-50);
+
+		&:hover {
+			background-color: var(--studio-wordpress-blue-60);
+			border-color: var(--studio-wordpress-blue-60);
+		}
+	}
+}
+
+.site-migration-instructions-questions {
+	.external-link {
+		color: var(--studio-wordpress-blue-50);
+	}
 }
 
 .migration-instructions--with-preview {

diff --git a/client/signup/steps/domains/style.scss b/client/signup/steps/domains/style.scss
@@ -224,6 +224,17 @@ body.is-section-stepper .domains__step-content,
 			padding-left: 24px;
 			padding-right: 24px;
 			border-radius: 4px;
+			background-color: var(--studio-wordpress-blue-50);
+			border-color: var(--studio-wordpress-blue-50);
+
+			&:hover {
+				background-color: var(--studio-wordpress-blue-60);
+				border-color: var(--studio-wordpress-blue-60);
+			}
+
+			&.is-busy{
+				background-image: linear-gradient(-45deg, var(--studio-wordpress-blue-50) 28%, var(--studio-wordpress-blue-60) 28%, var(--studio-wordpress-blue-60) 72%, var(--studio-wordpress-blue-50) 72%);
+			}
 		}
 
 		.domains__domain-cart-choose-later {
@@ -485,14 +496,6 @@ body.is-section-signup.is-white-signup {
 			}
 		}
 	}
-
-	.search-filters__popover {
-		$accent-blue: #117ac9;
-		.button.is-primary {
-			background: $accent-blue;
-			border-color: $accent-blue;
-		}
-	}
 	.signup__step.is-domain-only,
 	.signup__step.is-domains,
 	.signup__step.is-mailbox-domain {