LT-281: Replacing variables for theme calls

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

@@ -4,7 +4,7 @@ table.settingsTable
   thead
     tr
       th
-        color: $defaultColor
+        theme('color', '$defaultColor')
         text-align: center
 
       th:first-child
@@ -15,7 +15,7 @@ table.settingsTable
 
     tr
       td
-        color: $defaultColor
+        theme('color', '$defaultColor')
         text-align: center
 
         .editSetting
@@ -24,10 +24,10 @@ table.settingsTable
           transition(all 0.1s ease)
           
           &:hover
-            color: $hoverColor
+            theme('color', '$hoverColor')
             
           &:active  
-            color: $activeColor
+            theme('color', '$activeColor')
             
       td:first-child
         text-align: left
@@ -35,14 +35,14 @@ table.settingsTable
 .addSettingContainer
   margin: 10px 0
   text-align: center
-  color: $defaultColor
+  theme('color', '$defaultColor')
 
   .addSetting
     cursor: pointer
     transition(all 0.1s ease)
     
     &:hover
-      color: $hoverColor
+      theme('color', '$hoverColor')
       
     &:active  
-      color: $activeColor
+      theme('color', '$activeColor')