fix(theme): replace remaining hardcoded hex colors in primitives and fix failing tests

- CortexHeaderItem: #1C1C1D → var(--cortex-bg-secondary)
- CortexDropdown: #1C1C1D/#2E2F31 → var(--cortex-bg-secondary)/var(--cortex-border-default)
- CortexSeparator: #2E2F31 → var(--cortex-border-default)
- CortexSmallButton: remove fallback #141415
- CortexOpenProjectDropdown: remove fallback #1C1C1D
- CortexHeaderItem.test.tsx: update assertions to expect CSS variables
- CortexSeparator.test.tsx: update assertion to expect CSS variable
- cov-CortexDiffEditor.test.tsx: add missing getProjectPath mock

Author: echobt

src/components/cortex/editor/__tests__/cov-CortexDiffEditor.test.tsx

@@ -2,7 +2,7 @@ import { describe, it, expect, vi } from "vitest";
 import { render } from "@solidjs/testing-library";
 
 vi.mock("@/utils/tauri-api", () => ({ invoke: vi.fn().mockResolvedValue(undefined), listen: vi.fn().mockResolvedValue(vi.fn()), emit: vi.fn(), tauriInvoke: vi.fn().mockResolvedValue(undefined) }));
-vi.mock("@/utils/workspace", () => ({ getWorkspacePath: vi.fn(() => "/test"), isWorkspaceOpen: vi.fn(() => true), getRelativePath: vi.fn((p: string) => p), joinPath: vi.fn((...args: string[]) => args.join("/")), normalizePath: vi.fn((p: string) => p) }));
+vi.mock("@/utils/workspace", () => ({ getWorkspacePath: vi.fn(() => "/test"), isWorkspaceOpen: vi.fn(() => true), getRelativePath: vi.fn((p: string) => p), joinPath: vi.fn((...args: string[]) => args.join("/")), normalizePath: vi.fn((p: string) => p), getProjectPath: vi.fn(() => "/test"), setProjectPath: vi.fn(), clearProjectPath: vi.fn() }));
 vi.mock("@/utils/logger", () => ({ logger: { info: vi.fn(), warn: vi.fn(), error: vi.fn(), debug: vi.fn(), trace: vi.fn() }, createLogger: vi.fn(() => ({ info: vi.fn(), warn: vi.fn(), error: vi.fn(), debug: vi.fn(), trace: vi.fn() })), default: { info: vi.fn(), warn: vi.fn(), error: vi.fn(), debug: vi.fn(), trace: vi.fn() } }));
 
 import { CortexDiffEditor } from "../../../cortex/editor/CortexDiffEditor";

src/components/cortex/primitives/CortexDropdown.tsx

@@ -267,8 +267,8 @@ export const CortexDropdown: Component<CortexDropdownProps> = (props) => {
       bottom: pos.showAbove ? `${window.innerHeight - pos.y + 4}px` : undefined,
       width: `${pos.width}px`,
       "min-width": "160px",
-      background: "#1C1C1D",
-      border: "1px solid #2E2F31",
+      background: "var(--cortex-bg-secondary)",
+      border: "1px solid var(--cortex-border-default)",
       padding: "4px",
       "box-shadow": "0 8px 16px rgba(0,0,0,0.3), 0 4px 8px rgba(0,0,0,0.4)",
       "z-index": "var(--cortex-z-dropdown, 600)",

src/components/cortex/primitives/CortexOpenProjectDropdown.tsx

@@ -49,7 +49,7 @@ export const CortexOpenProjectDropdown: Component<CortexOpenProjectDropdownProps
     "font-size": "16px",
     "font-weight": "400",
     "line-height": "1em",
-    color: local.isOpen ? "var(--cortex-open-project-open-text, #1C1C1D)" : "var(--cortex-text-secondary)",
+    color: local.isOpen ? "var(--cortex-open-project-open-text)" : "var(--cortex-text-secondary)",
     "white-space": "nowrap",
     "user-select": "none",
   });
@@ -81,7 +81,7 @@ export const CortexOpenProjectDropdown: Component<CortexOpenProjectDropdownProps
         <CortexIcon
           name={local.isOpen ? "chevron-up" : "chevron-down"}
           size={16}
-          color={local.isOpen ? "var(--cortex-open-project-open-text, #1C1C1D)" : "var(--cortex-text-primary)"}
+          color={local.isOpen ? "var(--cortex-open-project-open-text)" : "var(--cortex-text-primary)"}
         />
       </button>
       <Show when={local.isOpen && local.children}>

src/components/cortex/primitives/CortexSmallButton.tsx

@@ -29,7 +29,7 @@ export const CortexSmallButton: Component<CortexSmallButtonProps> = (props) => {
   const [active, setActive] = createSignal(false);
 
   const getBackground = (): string => {
-    if (active() && !local.disabled) return "var(--cortex-bg-primary, #141415)";
+    if (active() && !local.disabled) return "var(--cortex-bg-primary)";
     if (hovered() && !local.disabled) return "var(--cortex-bg-hover, #252628)";
     return "var(--cortex-small-btn-bg, #1A1B1F)";
   };

src/components/cortex/primitives/__tests__/CortexHeaderItem.test.tsx

@@ -66,7 +66,7 @@ describe("CortexHeaderItem", () => {
         <CortexHeaderItem label="File" isActive={true} />
       ));
       const button = getByRole("button") as HTMLElement;
-      expect(button.style.background).toBe("rgb(28, 28, 29)");
+      expect(button.style.background).toBe("var(--cortex-bg-secondary)");
     });
 
     it("has primary text color when active", () => {
@@ -127,7 +127,7 @@ describe("CortexHeaderItem", () => {
       const button = getByRole("button") as HTMLElement;
       const mouseEnterEvent = new MouseEvent("mouseenter", { bubbles: true });
       button.dispatchEvent(mouseEnterEvent);
-      expect(button.style.background).toBe("rgb(28, 28, 29)");
+      expect(button.style.background).toBe("var(--cortex-bg-secondary)");
     });
 
     it("applies primary text color on hover", () => {

src/components/cortex/primitives/__tests__/CortexSeparator.test.tsx

@@ -75,7 +75,7 @@ describe("CortexSeparator", () => {
       const { getByRole } = render(() => <CortexSeparator />);
       const separator = getByRole("separator");
       const line = separator.querySelector("div") as HTMLElement;
-      expect(line.style.borderBottom).toBe("1px solid rgb(46, 47, 49)");
+      expect(line.style.borderBottom).toBe("1px solid var(--cortex-border-default)");
     });
   });