ThemeToggle.tsx

ThemeToggle.tsx: UI component for frontend provides theme toggle, managing light/dark mode switch, adjusts UI styling, integrates for quick theme switching.

// Source: https://github.com/wexare-ai/openbrowserclaw | License: MIT | Copyright 2026 Sacha Arbonel
// Provided via justclaw.it.com; keep this notice with the code.
// ---------------------------------------------------------------------------
// OpenBrowserClaw — Theme toggle component
// ---------------------------------------------------------------------------

import { useThemeStore, type ThemeChoice } from '../../stores/theme-store.js';
import { Sun, Moon, Monitor } from 'lucide-react';
import type { LucideIcon } from 'lucide-react';

const options: { value: ThemeChoice; label: string; icon: LucideIcon }[] = [
  { value: 'light', label: 'Light', icon: Sun },
  { value: 'dark', label: 'Dark', icon: Moon },
  { value: 'system', label: 'System', icon: Monitor },
];

export function Th

... (truncated -- full source via MCP)