Merge pull request #672 from newfold-labs/fix/dark-mode-buttons

Fix Light mode Button 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 100ms ease-in-out;
 		color: var(--nfd-onboarding-secondary);
 		background-color: var(--nfd-onboarding-primary);
 		font-size: clamp(0.5rem, 0.3864rem + 0.5682vw, 1.75rem);
 
+		&:hover {
+			transform: scale(1.03);
+			color: var(--nfd-onboarding-tertiary) !important;
+		}
+
 		@media (min-width: 2600px ) {
 			height: 76px;
 		}

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

@@ -28,13 +28,15 @@
 
 	&--next-btn {
 		width: 100px;
-		color: var(--nfd-onboarding-secondary);
 		font-size: 1rem;
 		padding-left: 24px;
+		color: var(--nfd-onboarding-secondary);
 		background-color: var(--nfd-onboarding-primary);
-		transition: all 300ms ease-in-out;
+		transition: all 100ms ease-in-out;
 
 		&:hover {
+			transform: scale(1.03);
+			color: var(--nfd-onboarding-tertiary) !important;
 			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;