Updating design of OHIF Viewer using (OHIF-49)

Packages/design/package.js

@@ -5,7 +5,7 @@ Package.describe({
 });
 
 Package.onUse(function(api) {
-    api.versionsFrom('1.3.4.1');
+    api.versionsFrom('1.3.5.1');
 
     api.use('ecmascript');
     api.use('standard-app-packages');

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