fix(viewer): give header and project-tab buttons the terminal toolbar's style

viewer-ui/src/components/repository/ProjectStrip.tsx

@@ -131,7 +131,7 @@ export function ProjectStrip({
                 ? shortcut("project.close", "Close project")
                 : { title: "Close project" })}
               aria-label={`close ${r.name}`}
-              className="mr-1 flex h-5 w-5 items-center justify-center rounded-sm text-ink-400 hover:bg-ink-700 hover:text-removed"
+              className="mr-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:text-removed"
             >
               <XIcon className="h-3.5 w-3.5" />
             </button>
@@ -141,7 +141,7 @@ export function ProjectStrip({
       <button
         onClick={onOpenPicker}
         {...shortcut("project.openDialog", "Open a project")}
-        className={`hidden shrink-0 items-center gap-1 rounded-sm px-2 py-0.5 text-ink-400 hover:text-ink-200 md:inline-flex ${
+        className={`hidden shrink-0 items-center gap-1 rounded-sm px-2 py-0.5 text-ink-400 hover:text-accent md:inline-flex ${
           left ? "mx-1 my-2 justify-center" : ""
         }`}
       >

viewer-ui/src/components/shell/Header.tsx

@@ -122,15 +122,15 @@ export function Header({
         title={`Project tabs ${tabStrip.side === "top" ? "across the top" : "down the left"} (click to move them ${otherSide(tabStrip.side)})`}
         aria-label={`project tabs: ${tabStrip.side}, click for ${otherSide(tabStrip.side)}`}
         aria-pressed={tabStrip.side === "left"}
-        className="ml-1 hidden h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:bg-ink-700 hover:text-ink-200 md:flex"
+        className="ml-1 hidden h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:text-accent md:flex"
       >
         <TabStripIcon side={tabStrip.side} />
       </button>
       <a
         href="/logout"
         title="Sign out"
         aria-label="sign out"
-        className="ml-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:bg-ink-700 hover:text-ink-200"
+        className="ml-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:text-accent"
       >
         <LogOutIcon className="h-3.5 w-3.5" />
       </a>

viewer-ui/src/components/shell/SettingsMenu.tsx

@@ -100,7 +100,7 @@ export function SettingsMenu({
         aria-expanded={open}
         aria-controls={DIALOG_ID}
         title="Settings"
-        className="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:bg-ink-700 hover:text-ink-200"
+        className="ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-sm text-ink-400 hover:text-accent"
       >
         <SettingsIcon className="h-3.5 w-3.5" />
       </button>