Updated button changes

Author: yerramshilpa

src/packages/components/button/styles/button.scss

@@ -55,7 +55,6 @@ $button-shadow:0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
 
   &.bg-primary-lighter {
     @include u-border("primary");
-    background-color: #e7f5e1 !important;
 
     &.usa-button--hover,
     &:hover {
@@ -67,7 +66,6 @@ $button-shadow:0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
     &:active {
       background-color: white !important;
       @include u-border("primary-dark");
-      background-color: #e7f5e1 !important;
       @include u-text("semibold", $theme-link-active-color);
     }
 
@@ -82,6 +80,7 @@ $button-shadow:0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
 
   &.bg-secondary-lighter {
     @include u-border("secondary");
+    background-color: #ADCDFF !important;
     @include u-text("semibold", $theme-link-active-color);
 
     &.usa-button--hover,
@@ -92,7 +91,7 @@ $button-shadow:0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
 
     &.usa-button--active,
     &:active {
-      background-color: white !important;
+      background-color: #ADCDFF !important;
       @include u-border("secondary-dark");
       @include u-text("semibold", $theme-link-active-color);
     }

src/packages/theme/_settings.scss src/packages/theme/settings.scsssrc/packages/theme/_settings.scss renamed to src/packages/theme/settings.scss

@@ -33,7 +33,7 @@ Theme palette colors
 
     // Secondary colors
     $theme-color-secondary-family  : 'blue-warm-vivid',
-    $theme-color-secondary-lightest: false,
+    $theme-color-secondary-lightest: "blue-warm-20v",
     $theme-color-secondary-lighter : 'blue-warm-30v',
     $theme-color-secondary-light   : 'blue-warm-40v',
     $theme-color-secondary         : 'blue-warm-50v',