Updating versions of Sparky FE files

[aai/sparky-fe.git] / resources / scss / components / _buttons.scss

diff --git a/resources/scss/components/_buttons.scss b/resources/scss/components/_buttons.scss
index 6aab3e0..dbb684d 100644 (file)
--- a/resources/scss/components/_buttons.scss
+++ b/resources/scss/components/_buttons.scss
@@ -21,7 +21,6 @@
  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
 
-
 $plus-circle-icon-size: 18px;
 .plus-icon-button {
   background: url($plus-circle-icon) no-repeat;
@@ -38,8 +37,8 @@ $plus-circle-icon-size: 18px;
 
 .primary-btn{
   border: 1px solid;
-  border-color: $blue;
-  color: $blue;
+  border-color: $border-color3;
+  color: $text-color4;
   font-weight: bolder;
   @extend .body-1;
   text-align: center;
@@ -47,23 +46,23 @@ $plus-circle-icon-size: 18px;
   border-radius: 5px;
   cursor: pointer;
   align-self: center;
-  background-color: $white;
+  background-color: $primary-background-color;
   .primary-btn-text {
     width: 100%;
   }
   &:hover {
-    color: $blue;
-    border-color: $blue;
-    background-color: $tlv-hover;
+    color: $background-color5;
+    border-color: $border-color3;
+    background-color: $background-color12;
     &:active {
-      color: $blue;
-      border-color: $blue;
+      color: $background-color5;
+      border-color: $border-color3;
     }
   }
 
   &:focus:not(:hover) {
-    color: $blue;
-    border-color: $blue;
-    background-color: $white;
+    color: $background-color5;
+    border-color: $border-color3;
+    background-color: $primary-background-color;
   }
 }