LT-281: Replacing variables for theme calls

Packages/design/styles/common/global.styl

@@ -2,11 +2,9 @@
 
 html body
   font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
-  // Try to fix LT-273, need a monitor to test on though.
-  //text-rendering: optimizeLegibility
 
 html hr
-  border-top: 1px solid $uiBorderColor
+  theme('border-top', '1px solid $uiBorderColor')
 
 label.form-group
   width: 100%
@@ -49,9 +47,9 @@ label.form-group
 
 .modal-dialog
   .modal-content
-    background: $primaryBackgroundColor
-    border-color: $uiBorderColor
-    color: $textSecondaryColor
+    theme('background', '$primaryBackgroundColor')
+    theme('border-color', '$uiBorderColor')
+    theme('color', '$textSecondaryColor')
 
     .modal-header, .modal-footer
-      border-color: $uiBorderColor
+      theme('border-color', '$uiBorderColor')