From 1b9c663ee4bd2382193edee861e5d6b64675428b Mon Sep 17 00:00:00 2001
From: Alan Buscaglia <gentlemanprogramming@gmail.com>
Date: Thu, 11 Jun 2026 16:46:40 +0200
Subject: [PATCH] refactor(ui): replace inline hex colors with theme tokens in
 tabs and combobox

---
 ui/components/shadcn/combobox/combobox.tsx | 2 +-
 ui/components/shadcn/tabs/tabs.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/components/shadcn/combobox/combobox.tsx b/ui/components/shadcn/combobox/combobox.tsx
index b8d32bb80f..97e4b277b2 100644
--- a/ui/components/shadcn/combobox/combobox.tsx
+++ b/ui/components/shadcn/combobox/combobox.tsx
@@ -40,7 +40,7 @@ const comboboxContentVariants = cva("p-0", {
       default:
         "w-[calc(100vw-2rem)] max-w-md rounded-xl border border-border-neutral-secondary bg-bg-neutral-secondary shadow-md sm:w-full",
       ghost:
-        "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-slate-400 bg-white sm:w-full dark:border-[#262626] dark:bg-[#171717]",
+        "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-slate-400 bg-white sm:w-full dark:border-border-neutral-secondary dark:bg-bg-neutral-tertiary",
     },
   },
   defaultVariants: {
diff --git a/ui/components/shadcn/tabs/tabs.tsx b/ui/components/shadcn/tabs/tabs.tsx
index e838aa3f23..b81bf7220c 100644
--- a/ui/components/shadcn/tabs/tabs.tsx
+++ b/ui/components/shadcn/tabs/tabs.tsx
@@ -16,7 +16,7 @@ import { cn } from "@/lib/utils";
  */
 const TRIGGER_STYLES = {
   base: "relative inline-flex min-w-0 items-center justify-center gap-2 py-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&:not(:first-child)]:pl-4 [&:not(:last-child)]:pr-4",
-  border: "border-r border-[#E9E9F0] last:border-r-0 dark:border-[#171D30]",
+  border: "border-r border-border-neutral-secondary last:border-r-0",
   text: "text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white",
   active:
     "data-[state=active]:text-slate-900 dark:data-[state=active]:text-white",
@@ -55,7 +55,7 @@ function buildListClassName(): string {
   // `flex` + `min-w-0` lets the triggers shrink proportionally when the
   // container is narrow, so each trigger truncates with ellipsis instead
   // of forcing a horizontal scrollbar.
-  return "flex w-full min-w-0 items-center border-[#E9E9F0] dark:border-[#171D30]";
+  return "flex w-full min-w-0 items-center border-border-neutral-secondary";
 }
 
 function Tabs({