UI style refresh: Very close!!!

src/transcription/ui/components/app_shell.py

@@ -13,6 +13,7 @@ NAV_ITEMS: tuple[tuple[str, str, str], ...] = (
     ("Jobs", "/jobs", "work_history"),
 )
 
+from transcription.ui.theme import VIBESCRIBE_LOGO_SVG
 
 def _is_active_path(*, current_path: str, item_path: str) -> bool:
     if item_path == "/jobs":
@@ -53,7 +54,7 @@ def render_app_shell(*, current_path: str | None = None) -> None:
 
     with ui.header().classes("app-shell"), ui.element("div").classes("app-shell__inner"):
         with ui.row().classes("app-shell__brand no-wrap"):
-            ui.label("VS").classes("app-shell__brand-mark")
+            ui.html(VIBESCRIBE_LOGO_SVG).classes("app-shell__brand-mark")
             ui.label("VibeScribe").classes("app-shell__brand-name")
 
         with ui.element("nav").props('aria-label="Primary navigation"').classes("app-shell__nav"):

src/transcription/ui/static/components/app_shell.css

@@ -32,7 +32,7 @@
   display: grid;
   place-items: center;
   color: var(--theme-inverse-text);
-  background: var(--theme-primary);
+  background: transparent; /* Removes the dark box */
   font-family: "Trebuchet MS", sans-serif;
   font-size: 0.72rem;
 }