Update UI colors and font sizes for improved appearance

Increased the top bar height and font sizes in the menu for better readability. Updated text box and background colors in the menu for a lighter appearance. Standardized color usage in tplot by applying scale_to_01 to all color constants.

Author: ulfarsson

tilingsgui/app.py

@@ -32,7 +32,7 @@ class TilingGui(pyglet.window.Window):
     _INITIAL_WIDTH: ClassVar[int] = 800
     _INITIAL_HEIGHT: ClassVar[int] = 650
     _RIGHT_BAR_WIDTH: ClassVar[int] = 200
-    _TOP_BAR_HEIGHT: ClassVar[int] = 24
+    _TOP_BAR_HEIGHT: ClassVar[int] = 40
     _CLEAR_COLOR: ClassVar[Tuple[float, float, float, float]] = (
         Color.alpha_extend_and_scale_to_01(Color.WHITE)
     )

tilingsgui/menu.py

@@ -20,9 +20,9 @@ class TopMenu(pyglet.event.EventDispatcher, Observer):
 
     _PADDING = 1
     _INITIAL_MESSAGE = " -- Basis here -- e.g. 1234_1324"
-    _FONT_SIZE = 12
+    _FONT_SIZE = 14
     _TEXT_COLOR = Color.alpha_extend(Color.BLACK)
-    _TEXT_BOX_COLOR = Color.DARK_GRAY
+    _TEXT_BOX_COLOR = Color.scale_to_01(Color.WHITE)
     _BACKGROUND_COLOR = Color.BLACK
     _V_BTN = 118
     _CTRL_MODIFIER = 18
@@ -192,11 +192,11 @@ class RightMenu(pyglet.event.EventDispatcher, Observer):
     """A menu that sits to the right of the tiling plot."""
 
     _PADDING = 1
-    _INITIAL_MESSAGE = "12"
-    _FONT_SIZE = 12
+    _INITIAL_MESSAGE = "Req: 12"
+    _FONT_SIZE = 14
     _TEXT_COLOR = Color.alpha_extend(Color.BLACK)
-    _TEXT_BOX_COLOR = Color.DARK_GRAY
-    _BACKGROUND_COLOR = Color.BLACK
+    _TEXT_BOX_COLOR = Color.scale_to_01(Color.WHITE)
+    _BACKGROUND_COLOR = Color.scale_to_01(Color.LIGHT_GRAY)
 
     def __init__(
         self,

tilingsgui/tplot.py

@@ -34,11 +34,19 @@ class TPlot:
 
     REQ_NOT_FOUND: ClassVar[Tuple[int, int, int]] = (-1, -1, -1)
     OBS_NOT_FOUND: ClassVar[Tuple[int, int]] = (-1, -1)
-    _OBSTRUCTION_COLOR: ClassVar[Tuple[float, float, float]] = Color.RED
-    _REQUIREMENT_COLOR: ClassVar[Tuple[float, float, float]] = Color.BLUE
-    _HIGHLIGHT_COLOR: ClassVar[Tuple[float, float, float]] = Color.ORANGE
-    _EMPTY_COLOR: ClassVar[Tuple[float, float, float]] = Color.GRAY
-    _SHADED_CELL_COLOR: ClassVar[Tuple[float, float, float]] = Color.GRAY
+    _OBSTRUCTION_COLOR: ClassVar[Tuple[float, float, float]] = Color.scale_to_01(
+        Color.RED
+    )
+    _REQUIREMENT_COLOR: ClassVar[Tuple[float, float, float]] = Color.scale_to_01(
+        Color.BLUE
+    )
+    _HIGHLIGHT_COLOR: ClassVar[Tuple[float, float, float]] = Color.scale_to_01(
+        Color.ORANGE
+    )
+    _EMPTY_COLOR: ClassVar[Tuple[float, float, float]] = Color.scale_to_01(Color.GRAY)
+    _SHADED_CELL_COLOR: ClassVar[Tuple[float, float, float]] = Color.scale_to_01(
+        Color.GRAY
+    )
     _FUZZYNESS = 0.25  # Should be in [0,0.5)
     _CLICK_PRECISION_SQUARED: int = 100
     _POINT_SIZE = 5