Lesion Tracker Redesign so far

Packages/design/styles/variables.styl

@@ -0,0 +1,34 @@
+// Interface UI Colors
+$defaultColor = #94A8B3
+$hoverColor = #ffffff
+$activeColor = #40D9B8
+$uiBorderColor = #436270
+$uiBorderColorDark = #3C5D80
+$darkUiColor = #16202B
+$primaryBackgroundColor = #000000
+
+// Text Colors
+$textPrimaryColor = #ffffff
+$textSecondaryColor = #91B9CD
+
+// Other Colors
+$errorColor = #E29E4A
+$menuBackgroundColor = #F2F2F2
+
+// Sizes
+$topBarHeight = 30px
+$toolbarHeight = 50px
+
+// Thicknesses
+$uiBorderThickness = 1px
+
+// Fonts
+$logoFontFamily = "Sanchez"
+$logoFontWeight = 300
+
+// Transitions
+$transitionDuration = 0.3s
+$transitionEffect = ease
+$sidebarTransition = all $transitionDuration $transitionEffect
+$studiesSidebarMenuWidth = 307px
+$lesionsSidebarMenuWidth = 317px