Added tide and tigerlilly themes (OHIF-49)

Packages/lesiontracker/client/components/radialProgressBar/radialProgressBar.styl

@@ -3,26 +3,22 @@
 $circleSize = 46px
 
 .radialProgress
+  position: relative
   height: $circleSize
   width: $circleSize
-  box-shadow: 0 0 1em black
+  vendorize(box-shadow, 0 0 1em black)
   border-radius: 100%
-  position: relative
 
   #svg circle
     stroke-dashoffset: 0
-    transition: stroke-dashoffset 1s linear
-    stroke: #203244
+    stroke: $uiBorderColorDark
     stroke-width: 3px
+    vendorize(transition, stroke-dashoffset 1s linear)
 
   #svg #bar
     stroke: $activeColor
-    -ms-transform: rotate(270deg) /* IE 9 */
-    -ms-transform-origin: center center /* IE 9 */
-    -webkit-transform: rotate(270deg) /* Chrome, Safari, Opera */
-    -webkit-transform-origin: center center /* Chrome, Safari, Opera */
-    transform: rotate(270deg)
-    transform-origin(center center)
+    vendorize(transform, rotate(270deg))
+    vendorize(transform-origin, center center)
 
   .progressText
     position: absolute
@@ -32,14 +28,14 @@ $circleSize = 46px
     font-weight: 700
     font-size: 17px
     text-align: center
-    color: $uiSkyBlue
+    color: $textColorActive
     top: 0
 
     svg
-      fill: $uiSkyBlue
+      fill: $activeColor
       left: 50%
       position: absolute
-      stroke: $uiSkyBlue
+      stroke: $activeColor
       top: 50%
       transform(translateX(-50%) translateY(-50%))
 

Packages/lesiontracker/client/components/userAccountMenu/userAccountMenu.styl

@@ -6,7 +6,7 @@
 
   .dropdown-toggle
     background-color: $primaryBackgroundColor
-    color: $textSecondaryColor
+    color: $defaultColor
     cursor: pointer
     font-size: 13px
     font-weight: 400
@@ -14,19 +14,19 @@
     text-decoration: none
 
     .menuButton
-      border-left: solid 1px #516873
+      border-left: solid 1px $defaultColor
       display: inline-block
       height: 18px
       padding: 0 8px
 
       .fa
-        color: #94a8b3
+        color: $defaultColor
         font-size: 17px
         line-height: 18px
 
       .caret-down
         margin: 0 4px 4px 2px
-        color: #516873
+        color: $uiLightGray
 
   ul.dropdown-menu
     li

Packages/lesiontracker/client/components/viewer/viewer.styl

@@ -25,4 +25,4 @@
     &:not(:last-child)
     .removable
       .imageViewerViewport
-        border-right: $uiBorderThickness solid #436270
+        border-right: $uiBorderThickness solid $uiBorderColor