fix: change background color of viewport to white

Author: willdunklin

src/e3sm_quickview/components/view.py

@@ -109,7 +109,7 @@ def create_size_menu(name, config):
 def create_bottom_bar(config, update_color_preset):
     with config.provide_as("config"):
         with html.Div(
-            classes="bg-blue-grey-darken-2 d-flex align-center",
+            classes="bg-white text-black d-flex align-center border-t-thin",
             style="height:1rem;position:relative;top:0;user-select:none;cursor:context-menu;",
         ):
             with v3.VMenu(

src/e3sm_quickview/view_manager.py

@@ -88,7 +88,9 @@ def __init__(self, server, source, variable_name, variable_type):
         self.view.InteractionMode = "2D"
         self.view.OrientationAxesVisibility = 0
         self.view.UseColorPaletteForBackground = 0
-        self.view.BackgroundColorMode = "Gradient"
+        self.view.BackgroundColorMode = "Single Color"
+        self.view.Background = [1, 1, 1]
+        self.view.Background2 = [1, 1, 1]
         self.view.CameraParallelProjection = 1
         self.view.Size = 0  # make the interactive widget non responsive
         self.representation = simple.Show(
@@ -343,7 +345,7 @@ def _build_ui(self):
             ):
                 with v3.VRow(
                     dense=True,
-                    classes="ma-0 pa-0 bg-black opacity-90 d-flex align-center",
+                    classes="ma-0 pa-0 bg-white text-black d-flex align-center border-b-thin",
                     style="flex-wrap: nowrap;",
                 ):
                     tview.create_size_menu(self.name, self.config)