LT-242: Creating UI resizable, improving heads up display layout and fixing tool selection behavior

Packages/design/components/roundedButtonGroup/roundedButtonGroup.styl

@@ -17,7 +17,7 @@ $textColorActive = #2D2D2D
 
     .roundedButton
       align-items: center
-      background-color: $uiGrayDarker
+      background-color: $uiGrayDark
       border: 1px $uiBorderColorDark solid
       color: $textSecondaryColor
       display: flex
@@ -56,7 +56,7 @@ $textColorActive = #2D2D2D
 
     &:hover .roundedButton
       background-color: $boxBackgroundColor
-      color: $uiGrayDarker
+      color: $uiGrayDark
 
     &.active .roundedButton
       background-color: $activeColor
@@ -66,5 +66,5 @@ $textColorActive = #2D2D2D
     &:hover .roundedButton
     &.active .roundedButton
       svg
-        fill: $uiGrayDarker
-        stroke: $uiGrayDarker
+        fill: $uiGrayDark
+        stroke: $uiGrayDark