LT-281: Replacing variables for theme calls

Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.styl

@@ -1,6 +1,9 @@
 @import "{design}/app.styl"
 
 .ruleEntryDialog
+  theme('background', '$uiGrayDarkest')
+  theme('border', '1px solid $uiBorderColor')
+  theme('color', '$textSecondaryColor')
   display: none
   position: absolute
   top: 0
@@ -14,12 +17,8 @@
   padding: 10px
   background-color: rgba(255,255,255,1)
   outline: none
-
   opacity: 0.95
   border-radius: 8px
-  border: 1px solid $uiBorderColor
-  background: $uiGrayDarkest
-  color: $textSecondaryColor
 
   .dialogContent
     text-align: center
@@ -44,4 +43,4 @@
     color: black
     height: 30px
     border-radius: 2px
-    border: 0
+    border: 0