Update colours (#95590)

Automattic · Oct 22, 2024 · 80247a1 · 80247a1
1 parent 6d3c6a2
commit 80247a1
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/...nding/stepper/declarative-flow/internals/steps-repository/components/flow-card/style.scss b/...nding/stepper/declarative-flow/internals/steps-repository/components/flow-card/style.scss
@@ -43,6 +43,10 @@ $blueberry-color: #3858e9;
 		// !important needed here to override unrelated styles from "steps-repository/importer-migrate-message/style.scss"
 		// that are affecting this component in some instances
 		margin-bottom: 0 !important;
+
+		.badge--info-blue {
+			background-color: $blueberry-color;
+		}
 	}
 
 	.flow-question__description {

diff --git a/...stepper/declarative-flow/internals/steps-repository/site-migration-credentials/style.scss b/...stepper/declarative-flow/internals/steps-repository/site-migration-credentials/style.scss
@@ -1,4 +1,6 @@
 @import "@wordpress/base-styles/breakpoints";
+$blueberry-color: #3858e9;
+$blueberry-hover: #2145e6;
 
 .site-migration-credentials {
 	#site-migration-credentials-header {
@@ -33,8 +35,14 @@
 			background: var(--color-border-subtle);
 		}
 		.action-buttons__next {
+			background-color: $blueberry-color;
 			width: 100%;
 			margin-top: 1em;
+
+			&:hover {
+				background-color: $blueberry-hover;
+				border-color: $blueberry-hover;
+			}
 		}
 		.site-migration-credentials__form-fields-row {
 			display: flex;
@@ -75,6 +83,10 @@
 			}
 			.form-radio {
 				margin: 0;
+
+				&:checked::before {
+					background-color: $blueberry-color;
+				}
 			}
 		}
 		.site-migration-credentials__form-note {

diff --git a/...ng/stepper/declarative-flow/internals/steps-repository/site-migration-identify/style.scss b/...ng/stepper/declarative-flow/internals/steps-repository/site-migration-identify/style.scss
@@ -1,4 +1,6 @@
 @import "@wordpress/base-styles/breakpoints";
+$blueberry-color: #3858e9;
+$blueberry-hover: #2145e6;
 
 .import__capture-container {
 	max-width: 368px;
@@ -37,6 +39,12 @@
 
 	button[type="submit"] {
 		width: 100%;
+		background-color: $blueberry-color;
+
+		&:hover {
+			background-color: $blueberry-hover !important;
+			border-color: $blueberry-hover !important;
+		}
 	}
 
 	.form-setting-explanation {