fix(panels): all panels title should be unified

Author: ItsLemmy

example/panel.luau

@@ -44,10 +44,10 @@ local function render()
   -- The panel surface already insets its content (Style::panelPadding), so this
   -- adds gaps between rows, not its own outer padding.
   panel.render(ui.column({ flexGrow = 1, gap = 16 }, {
-    -- Header: primary title on the left, close button pinned to the top right —
+    -- Header: title on the left, close button pinned to the top right —
     -- matching the built-in panels (no divider rule).
     ui.row({ align = "center", justify = "space_between", gap = 8 }, {
-      ui.label({ text = "Example Panel", fontSize = 16, fontWeight = "bold", color = "primary", flexGrow = 1 }),
+      ui.label({ text = "Example Panel", fontSize = 16, fontWeight = "bold", color = "on_surface", flexGrow = 1 }),
       ui.button({ glyph = "close", onClick = "onCloseClicked" }),
     }),
 

mpvpaper/panel.luau

@@ -316,7 +316,7 @@ render = function()
 
   panel.render(ui.column({ flexGrow = 1, gap = 12, align = "stretch" }, {
     ui.row({ align = "center", justify = "space_between", gap = 8 }, {
-      ui.label({ text = tr("title"), fontSize = 16, fontWeight = "bold", color = "primary", flexGrow = 1 }),
+      ui.label({ text = tr("title"), fontSize = 16, fontWeight = "bold", color = "on_surface", flexGrow = 1 }),
       ui.button({ glyph = "close", onClick = "onClose" }),
     }),
 

wallhaven/panel.luau

@@ -481,7 +481,7 @@ render = function()
   local pageLabel = if applying then tr("applying") else `Page {page} / {totalPages}`
   panel.render(ui.column({ flexGrow = 1, gap = 12, align = "stretch" }, {
     ui.row({ align = "center", justify = "space_between", gap = 8 }, {
-      ui.label({ text = tr("title"), fontSize = 16, fontWeight = "bold", color = "primary", flexGrow = 1 }),
+      ui.label({ text = tr("title"), fontSize = 16, fontWeight = "bold", color = "on_surface", flexGrow = 1 }),
       ui.button({ glyph = "close", onClick = "onCloseClicked" }),
     }),