diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/components/flow-card/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/components/flow-card/style.scss index d14c37f40b2b5..a7f303c161088 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/components/flow-card/style.scss +++ b/client/landing/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/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/style.scss index 02041e17a558b..ae0ed910bae19 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-credentials/style.scss +++ b/client/landing/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/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-identify/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-identify/style.scss index d8adba1fd2e85..0c19d69efd8cc 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/site-migration-identify/style.scss +++ b/client/landing/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 {