Updating design of OHIF Viewer using (OHIF-49)

Packages/design/styles/common/global.styl

@@ -21,3 +21,11 @@ html hr
   border-top: 5px solid
   border-right: 5px solid transparent
   border-left: 5px solid transparent
+
+.noselect
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -khtml-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none

Packages/design/styles/imports/variables.styl

@@ -19,12 +19,19 @@ $boxBackgroundColor = #3E5975
 $boxBackgroundColorDark = #22374D
 
 // Text Colors
+$textColorActive = #2D2D2D
 $textPrimaryColor = #ffffff
 $textSecondaryColor = #91B9CD
 
 // Other Colors
 $menuBackgroundColor = #F2F2F2
 
+// Viewport Settings
+$viewportBorderThickness = 1px
+$viewportBorderColor = $uiBorderColorDark
+$viewportBorderColorHover = $uiBorderColor
+$viewportBorderColorActive = $uiBorderColorActive
+
 // Sizes
 $topBarHeight = 40px
 $toolbarHeight = 78px