test change

src/styles/_constants-espresso.scss

@@ -26,6 +26,8 @@
 $heroFont: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 $headerFont: $heroFont;
 $bodyFont: $heroFont;
+$numericFont: $heroFont;
+
 
 @mixin heroFont($size: 1em) {
   font-family: $heroFont;
@@ -42,6 +44,11 @@ $bodyFont: $heroFont;
   font-size: $size;
 }
 
+@mixin numericFont($size: 1em){
+  font-family: $numericFont;
+  font-size: $size;
+}
+
 // Functions
 @function buttonBg($c: $colorBtnBg) {
   @return linear-gradient(lighten($c, 5%), $c);
@@ -64,7 +71,7 @@ $shdwBtns: rgba(black, 0.2) 0 1px 2px;
 $shdwBtnsOverlay: rgba(black, 0.5) 0 1px 5px;
 
 // Base colors
-$colorBodyBg: #393939;
+$colorBodyBg: #181818;
 $colorBodyFg: #aaaaaa;
 $colorBodyFgEm: #fff;
 $colorGenBg: #222;
@@ -86,6 +93,9 @@ $filterHov: brightness(1.3) contrast(1.5); // Tree, location items
 $colorSelectedBg: rgba($colorKey, 0.3);
 $colorSelectedFg: pullForward($colorBodyFg, 20%);
 
+// Background Image 
+$bodyBg: $colorBodyBg;
+
 // Object labels
 $objectLabelTypeIconOpacity: 0.7;
 $objectLabelNameColorFg: lighten($colorBodyFg, 10%);
@@ -164,7 +174,25 @@ $filterItemHoverFg: brightness(1.2) contrast(1.1);
 $filterItemMissing: brightness(0.6) grayscale(1);
 $opacityMissing: 0.5;
 $borderMissing: 1px dashed $colorAlert !important;
+$browseFrameCornerColor: 0px solid rgb(0,150,215);
 
+@mixin browseFrameBorder() {
+  border: $browseFrameBorder;
+  border-radius: $controlCr;
+
+  // &:after{
+  //   display: block;
+  //   content: "";
+  //   width: 20px;
+  //   height: 20px;
+  //   position: absolute;
+  //   top: -8px;
+  //   right: -8px;
+  //   border-top: 3px solid blue;
+  //   border-right: 3px solid blue;
+  // }
+  
+}
 /************************************************** EDITING */
 $editUIColor: $uiColor; // Base color
 $editUIColorBg: $editUIColor;
@@ -307,6 +335,7 @@ $colorTabFg: pullForward($colorBodyFg, 0%);
 $colorTabCurrentBg: pullForward($colorTabBg, 10%);
 $colorTabCurrentFg: pullForward($colorTabFg, 20%);
 $colorTabsBaseline: $colorTabCurrentBg;
+$colorTabCurrentGlow: rgba(white, 0.0);
 
 // Overlay
 $colorOvrBlocker: rgba(black, 0.7);
@@ -394,11 +423,13 @@ $colorPlotLimitLineBg: rgba($colorBodyBg, 0.2);
 // Gauges
 $colorGaugeBg: pullForward($colorBodyBg, 5%); // Gauge radial area background, meter background
 $colorGaugeValue: rgba(#fff, 0.3); // Gauge value graphic (radial sweep, bar) color
+$colorGaugeValueShadow: rgba(#fff, 0);
 $colorGaugeTextValue: #fff; // Radial gauge text value
 $colorGaugeMeterTextValue: $colorGaugeTextValue; // Meter text value, overlaid on value bar
 $colorGaugeRange: $colorBodyFg; // Range text color
 $colorGaugeLimitHigh: rgba($colorLimitRedBg, 0.4);
 $colorGaugeLimitLow: $colorGaugeLimitHigh;
+$colorGaugeNeedle: rgba(0, 95, 136);
 $transitionTimeGauge: 150ms; // CSS transition time used to smooth needle gauge and meter value transitions
 $marginGaugeMeterValue: 10%; // Margin between meter value bar and bounds edges
 // Time Strip and Lists