Updated formatting in styling files

Author: cdavalos7

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/execution_data/execution_data_component.scss

@@ -47,7 +47,10 @@ limitations under the License.
 }
 
 .focus-execution-container {
-  background-color: matm2.m2-get-color-from-palette(matm2var.$m2-orange-palette, 200);
+  background-color: matm2.m2-get-color-from-palette(
+    matm2var.$m2-orange-palette,
+    200
+  );
   border-radius: 4px;
   font-size: 12px;
   height: 120px;

tensorboard/webapp/metrics/views/card_renderer/scalar_card_component.scss

@@ -210,7 +210,10 @@ $_data_table_initial_height: 100px;
     color: matm2.m2-get-color-from-palette($tb-foreground, secondary-text);
 
     @include tb-dark-theme {
-      color: matm2.m2-get-color-from-palette($tb-dark-foreground, secondary-text);
+      color: matm2.m2-get-color-from-palette(
+        $tb-dark-foreground,
+        secondary-text
+      );
       background-color: map-get($tb-dark-background, background);
     }
   }

tensorboard/webapp/metrics/views/main_view/main_view_component.scss

@@ -164,7 +164,10 @@ mat-button-toggle-group.filter-view {
 
   &.checked {
     @include tb-theme-background-prop(background-color, selected-button);
-    border-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 300);
+    border-color: matm2.m2-get-color-from-palette(
+      matm2var.$m2-grey-palette,
+      300
+    );
   }
 
   ::ng-deep .mat-button-wrapper {

tensorboard/webapp/metrics/views/metrics_container.scss

@@ -31,7 +31,10 @@ limitations under the License.
     matm2.m2-get-color-from-palette(matm2var.$m2-yellow-palette, 200),
     0.85
   );
-  $yellow-500: matm2.m2-get-color-from-palette(matm2var.$m2-yellow-palette, 500);
+  $yellow-500: matm2.m2-get-color-from-palette(
+    matm2var.$m2-yellow-palette,
+    500
+  );
   border-bottom: 1px solid $yellow-500;
   color: map-get($tb-foreground, text);
   display: block;

tensorboard/webapp/metrics/views/right_pane/scalar_column_editor/scalar_column_editor_component.scss

@@ -43,7 +43,10 @@ $_accent: map-get(matm2.m2-get-color-config($tb-theme), accent);
 }
 
 .highlighted {
-  background-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 200);
+  background-color: matm2.m2-get-color-from-palette(
+    matm2var.$m2-grey-palette,
+    200
+  );
 }
 
 .highlight-bottom {

tensorboard/webapp/metrics/views/right_pane/settings_view_component.scss

@@ -131,7 +131,10 @@ mat-slider {
   }
 
   &.toggle-opened {
-    background-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 200);
+    background-color: matm2.m2-get-color-from-palette(
+      matm2var.$m2-grey-palette,
+      200
+    );
 
     @include tb-dark-theme {
       background-color: matm2.m2-get-color-from-palette(

tensorboard/webapp/notification_center/_views/notification_center_component.scss

@@ -23,7 +23,10 @@ limitations under the License.
 
 .red-dot {
   $_dim: 10px;
-  background-color: matm2.m2-get-color-from-palette(matm2var.$m2-red-palette, 700);
+  background-color: matm2.m2-get-color-from-palette(
+    matm2var.$m2-red-palette,
+    700
+  );
   border-radius: $_dim * 0.5;
   height: $_dim;
   position: absolute;

tensorboard/webapp/theme/_tb_theme.template.scss

@@ -23,7 +23,10 @@ limitations under the License.
 
 // Value for `app-bar` property in $tb-background. Can specify an override in
 // _variable.scss to specifically customize this value.
-$tb-app-bar-color: matm2.m2-get-color-from-palette($tb-primary, default) !default;
+$tb-app-bar-color: matm2.m2-get-color-from-palette(
+  $tb-primary,
+  default
+) !default;
 
 $tb-dark-primary: $tb-primary !default;
 $tb-dark-accent: $tb-accent !default;
@@ -52,12 +55,15 @@ $tb-foreground: map_merge(
   matm2var.$m2-light-theme-foreground-palette,
   (
     text: matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 900),
-    secondary-text: matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 700),
-    disabled-text: matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 600),
+    secondary-text:
+      matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 700),
+    disabled-text:
+      matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 600),
     // TB specific variable.
     border: #ebebeb,
     link: matm2.m2-get-color-from-palette(matm2var.$m2-blue-palette, 700),
-    link-visited: matm2.m2-get-color-from-palette(matm2var.$m2-purple-palette, 700),
+    link-visited:
+      matm2.m2-get-color-from-palette(matm2var.$m2-purple-palette, 700),
   )
 );
 $tb-background: map_merge(
@@ -114,9 +120,11 @@ $tb-dark-foreground: map_merge(
   map-get(matm2.m2-get-color-config($tb-dark-theme), foreground),
   (
     border: #555,
-    disabled-text: matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 700),
+    disabled-text:
+      matm2.m2-get-color-from-palette(matm2var.$m2-gray-palette, 700),
     link: matm2.m2-get-color-from-palette(matm2var.$m2-blue-palette, 400),
-    link-visited: matm2.m2-get-color-from-palette(matm2var.$m2-purple-palette, 300),
+    link-visited:
+      matm2.m2-get-color-from-palette(matm2var.$m2-purple-palette, 300),
   )
 );
 $tb-dark-background: map_merge(

tensorboard/webapp/widgets/card_fob/card_fob_component.scss

@@ -23,7 +23,10 @@ limitations under the License.
 
 .fob {
   display: inline-flex;
-  background-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 300);
+  background-color: matm2.m2-get-color-from-palette(
+    matm2var.$m2-grey-palette,
+    300
+  );
   border-radius: 25px;
   padding: 2px 2px 2px 4px;
   font-size: 11px;
@@ -53,7 +56,8 @@ limitations under the License.
   &.prospective {
     align-items: center;
     box-sizing: border-box;
-    border: 1px dashed matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 500);
+    border: 1px dashed
+      matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 500);
     font-weight: bold;
     height: 17px;
   }
@@ -93,12 +97,18 @@ button {
 }
 
 button:hover {
-  background-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 500);
+  background-color: matm2.m2-get-color-from-palette(
+    matm2var.$m2-grey-palette,
+    500
+  );
   color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 200);
   cursor: pointer;
 
   @include tb-dark-theme {
-    background-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 700);
+    background-color: matm2.m2-get-color-from-palette(
+      matm2var.$m2-grey-palette,
+      700
+    );
     color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 300);
   }
 }

tensorboard/webapp/widgets/content_wrapping_input/content_wrapping_input_component.scss

@@ -44,10 +44,16 @@ limitations under the License.
   }
 
   &.high-contrast .container {
-    border-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 400);
+    border-color: matm2.m2-get-color-from-palette(
+      matm2var.$m2-grey-palette,
+      400
+    );
 
     &:hover {
-      border-color: matm2.m2-get-color-from-palette(matm2var.$m2-grey-palette, 600);
+      border-color: matm2.m2-get-color-from-palette(
+        matm2var.$m2-grey-palette,
+        600
+      );
     }
   }
 }