raylib: draw update button and fix incorrect font (#36243)

* always update layout rects

* don't ever use raylib font

* use it

* such as

pyproject.toml

@@ -268,6 +268,7 @@ lint.flake8-implicit-str-concat.allow-multiline = false
 "pyray.measure_text_ex".msg = "Use openpilot.system.ui.lib.text_measure"
 "pyray.is_mouse_button_pressed".msg = "This can miss events. Use Widget._handle_mouse_press"
 "pyray.is_mouse_button_released".msg = "This can miss events. Use Widget._handle_mouse_release"
+"pyray.draw_text".msg = "Use a function (such as rl.draw_font_ex) that takes font as an argument"
 
 [tool.ruff.format]
 quote-style = "preserve"

selfdrive/ui/layouts/home.py

@@ -88,7 +88,7 @@ class HomeLayout(Widget):
     elif self.current_state == HomeLayoutState.ALERTS:
       self._render_alerts_view()
 
-  def _update_layout_rects(self):
+  def _update_state(self):
     self.header_rect = rl.Rectangle(
       self._rect.x + CONTENT_MARGIN, self._rect.y + CONTENT_MARGIN, self._rect.width - 2 * CONTENT_MARGIN, HEADER_HEIGHT
     )
@@ -129,7 +129,7 @@ class HomeLayout(Widget):
     # Update notification button
     if self.update_available:
       # Highlight if currently viewing updates
-      highlight_color = rl.Color(255, 140, 40, 255) if self.current_state == HomeLayoutState.UPDATE else rl.Color(255, 102, 0, 255)
+      highlight_color = rl.Color(75, 95, 255, 255) if self.current_state == HomeLayoutState.UPDATE else rl.Color(54, 77, 239, 255)
       rl.draw_rectangle_rounded(self.update_notif_rect, 0.3, 10, highlight_color)
 
       text = "UPDATE"

selfdrive/ui/widgets/offroad_alerts.py

@@ -341,4 +341,4 @@ class UpdateAlert(AbstractAlert):
       text_width = rl.measure_text(no_notes_text, AlertConstants.FONT_SIZE)
       text_x = content_rect.x + (content_rect.width - text_width) // 2
       text_y = content_rect.y + 50
-      rl.draw_text(no_notes_text, int(text_x), int(text_y), AlertConstants.FONT_SIZE, AlertColors.TEXT)
+      rl.draw_text_ex(gui_app.font(FontWeight.NORMAL), no_notes_text, (int(text_x), int(text_y)), AlertConstants.FONT_SIZE, 0, AlertColors.TEXT)

selfdrive/ui/widgets/pairing_dialog.py

@@ -146,7 +146,7 @@ class PairingDialog(Widget):
       rl.draw_circle(int(circle_x), int(circle_y), circle_radius, rl.Color(70, 70, 70, 255))
       number = str(i + 1)
       number_width = measure_text_cached(font, number, 30).x
-      rl.draw_text(number, int(circle_x - number_width // 2), int(circle_y - 15), 30, rl.WHITE)
+      rl.draw_text_ex(font, number, (int(circle_x - number_width // 2), int(circle_y - 15)), 30, 0, rl.WHITE)
 
       # Text
       rl.draw_text_ex(font, "\n".join(wrapped), rl.Vector2(text_x, y), 47, 0.0, rl.BLACK)