Updating versions of Sparky FE files

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

diff --git a/resources/scss/components/_titledComponent.scss b/resources/scss/components/_titledComponent.scss
index ca1bebf..20c7a2c 100644 (file)
--- a/resources/scss/components/_titledComponent.scss
+++ b/resources/scss/components/_titledComponent.scss
@@ -21,35 +21,34 @@
  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
 
-
 .dep-titled-container {
-  border: solid 1px $black;
-  -webkit-box-shadow: 3px 3px 10px $dark-gray;
-  -moz-box-shadow: 3px 3px 10px $dark-gray;
-  box-shadow: 3px 3px 10px $dark-gray;
+  border: solid 1px $border-color1;
+  -webkit-box-shadow: 3px 3px 10px $shadow-color1;
+  -moz-box-shadow: 3px 3px 10px $shadow-color1;
+  box-shadow: 3px 3px 10px $shadow-color1;
   border-radius: 0px 0px 5px 5px;
   margin: 20px 5px;
 
   .header {
-    border-bottom: solid 1px $black;
+    border-bottom: solid 1px $border-color1;
     padding: 5px;
-    background-color: $light-gray;
+    background-color: $background-color8;
     font-weight: bold;
     font-size: $heading-font-3;
 
     .toggle-visibility-button, .toggle-visibility-button:focus {
       float: right;
-      background-color: $light-gray;
+      background-color: $background-color8;
       border: none;
       margin-top: -2px;
     }
 
     .toggle-visibility-button:hover {
-      background-color: $light-gray;
+      background-color: $background-color8;
       border: none;
 
       .fa {
-        color: $black;
+        color: $text-color3;
       }
     }