Updating design of OHIF Viewer using (OHIF-49)

Packages/hangingprotocols/client/components/settingsTable/settingsTable.styl

@@ -1,8 +1,10 @@
+@import "{design}/app.styl"
+
 table.settingsTable
   thead
     tr
       th
-        color: whitesmoke
+        color: $defaultColor
         text-align: center
 
       th:first-child
@@ -13,32 +15,34 @@ table.settingsTable
 
     tr
       td
-        color: #ffffff
+        color: $defaultColor
         text-align: center
 
         .editSetting
         .deleteSetting
-          &:hover, &:active
-            cursor:pointer
-            color: #48d3ff
-
-            -webkit-transition: all 0.1s ease
-            -moz-transition: all 0.1s ease
-            transition: all 0.1s ease
-
+          cursor: pointer
+          transition(all 0.1s ease)
+          
+          &:hover
+            color: $hoverColor
+            
+          &:active  
+            color: $activeColor
+            
       td:first-child
         text-align: left
 
 .addSettingContainer
   margin: 10px 0
   text-align: center
-  color: #ffffff
+  color: $defaultColor
 
   .addSetting
-    &:hover, &:active
-      cursor: pointer
-      color: #48d3ff
-
-      -webkit-transition: all 0.1s ease
-      -moz-transition: all 0.1s ease
-      transition: all 0.1s ease
+    cursor: pointer
+    transition(all 0.1s ease)
+    
+    &:hover
+      color: $hoverColor
+      
+    &:active  
+      color: $activeColor