X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=resources%2Fscss%2Fcomponents%2F_titledComponent.scss;h=9b5079f4d3eadf5ffcaa32c9be47587219851f0f;hb=HEAD;hp=ca1bebf2b8ddbe6694ff09eb3d2435a079a3dfce;hpb=c1917730a648ddbb6cd51307cea9464a697700d8;p=aai%2Fsparky-fe.git

diff --git a/resources/scss/components/_titledComponent.scss b/resources/scss/components/_titledComponent.scss
index ca1bebf..9b5079f 100644
--- a/resources/scss/components/_titledComponent.scss
+++ b/resources/scss/components/_titledComponent.scss
@@ -2,8 +2,8 @@
  * ============LICENSE_START=======================================================
  * org.onap.aai
  * ================================================================================
- * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
- * Copyright © 2017 Amdocs
+ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
+ * Copyright © 2017-2018 Amdocs
  * ================================================================================
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,39 +17,35 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * ============LICENSE_END=========================================================
- *
- * 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;
       }
     }