Fix Colors

Author: officiallygod

src/OnboardingSPA/components/Button/NextButtonSiteGen/stylesheet.scss

@@ -10,10 +10,16 @@
 		border-radius: 8px;
 		align-items: center;
 		justify-content: center;
+		transition: all 300ms ease-in-out;
 		color: var(--nfd-onboarding-secondary);
-		background-color: var(--nfd-onboarding-primary);
+		background-color: var(--nfd-onboarding-tertiary);
 		font-size: clamp(0.5rem, 0.3864rem + 0.5682vw, 1.75rem);
 
+		&:hover {
+			color: #000 !important;
+			transform: scale(1.03);
+		}
+
 		@media (min-width: 2600px ) {
 			height: 76px;
 		}
@@ -24,7 +30,7 @@
 		}
 
 		&--disabled {
-			background-color: rgba(var(--nfd-onboarding-primary-rgb), 0.6) !important;
+			background-color: rgba(var(--nfd-onboarding-tertiary-rgb), 0.6) !important;
 
 			&:hover {
 				cursor: not-allowed;

src/OnboardingSPA/steps/SiteGen/SiteDetails/stylesheet.scss

@@ -31,10 +31,12 @@
 		color: var(--nfd-onboarding-secondary);
 		font-size: 1rem;
 		padding-left: 24px;
-		background-color: var(--nfd-onboarding-primary);
+		background-color: var(--nfd-onboarding-tertiary);
 		transition: all 300ms ease-in-out;
 
 		&:hover {
+			color: #000 !important;
+			transform: scale(1.03);
 			box-shadow: 5px 5px rgba($color:  var(--nfd-onboarding-secondary), $alpha: 0.1);
 		}
 	}

src/OnboardingSPA/styles/_branding.scss

@@ -321,6 +321,8 @@ body {
 		--nfd-onboarding-hover: #c3c4c7;
 		--nfd-onboarding-secondary: #fff;
 		--nfd-onboarding-secondary-rgb: 255, 255, 255;
+		--nfd-onboarding-tertiary: #7bb1fd;
+		--nfd-onboarding-tertiary-rgb: 123, 177, 253;
 		--nfd-onboarding-admin-bar-color: #f0f0f1;
 		--nfd-onboarding-shimmer-color: 0, 0, 0;
 		--nfd-onboarding-card-background: #fff;
@@ -352,6 +354,8 @@ body {
 		--nfd-onboarding-hover: #262c30;
 		--nfd-onboarding-secondary: #000;
 		--nfd-onboarding-secondary-rgb: 0, 0, 0;
+		--nfd-onboarding-tertiary: #fff;
+		--nfd-onboarding-tertiary-rgb: 255, 255, 255;
 		--nfd-onboarding-admin-bar-color: #c3c4c7;
 		--nfd-onboarding-card-background: #1d2327;
 		--nfd-onboarding-shimmer-color: 168, 239, 255;