From 25589722db64c33b81dd4cec96e81e2286d78e55 Mon Sep 17 00:00:00 2001
From: byronwang2005 <hzwx2005@qq.com>
Date: Wed, 17 Dec 2025 15:24:42 +0800
Subject: [PATCH 1/2] feat(theme): squashed changes from feat/theme

---
 .../agent-view/strategy-agent-area.tsx        |  30 ++++++---
 .../chat-conversation-header.tsx              |  10 +--
 .../chat-conversation/chat-input-area.tsx     |   8 +--
 .../chat-conversation/chat-item-area.tsx      |  10 ++-
 .../chat-section-component.tsx                |   6 +-
 .../chat-streaming-indicator.tsx              |   8 +--
 .../chat-conversation/chat-welcome-screen.tsx |  19 ++++--
 .../modals/create-strategy-modal.tsx          |   4 +-
 .../modals/new-prompt-modal.tsx               |   8 +--
 .../modals/share-portfolio-modal.tsx          |  41 ++++++++----
 .../modals/strategy-detail-modal.tsx          |   8 +--
 .../modals/view-strategy-modal.tsx            |   4 +-
 .../portfolio-positions-group.tsx             |  62 ++++++++++--------
 .../strategy-items/strategy-compose-list.tsx  |  50 +++++++-------
 .../strategy-items/trade-strategy-group.tsx   |  24 +++----
 frontend/src/app/agent/config.tsx             |  10 +--
 frontend/src/app/home/_layout.tsx             |  11 ++--
 .../components/agent-suggestions-list.tsx     |   8 ++-
 .../app/home/components/agent-task-cards.tsx  |   6 +-
 .../home/components/stock-search-modal.tsx    |  26 ++++----
 frontend/src/app/home/home.tsx                |  49 ++++++++++----
 frontend/src/app/home/stock.tsx               |  21 +++---
 frontend/src/app/market/agents.tsx            |   2 +-
 .../src/app/market/components/agent-card.tsx  |   8 +--
 frontend/src/app/rank/board.tsx               |   6 +-
 .../rank/components/strategy-remote-modal.tsx |   8 +--
 frontend/src/app/setting/_layout.tsx          |  11 ++--
 .../components/memory/memory-item-card.tsx    |   6 +-
 .../components/models/model-detail.tsx        |  22 +++----
 .../components/models/model-providers.tsx     |   8 +--
 frontend/src/app/setting/general.tsx          |  50 +++++++++++---
 frontend/src/app/setting/memory.tsx           |  12 ++--
 frontend/src/assets/png/icon-group-dark.png   | Bin 0 -> 11139 bytes
 frontend/src/assets/png/index.ts              |   3 +
 .../src/assets/png/message-group-dark.png     | Bin 0 -> 3064 bytes
 frontend/src/assets/png/trend-dark.png        | Bin 0 -> 11980 bytes
 .../valuecell/app/app-conversation-sheet.tsx  |   6 +-
 .../components/valuecell/app/app-sidebar.tsx  |  27 ++++----
 .../valuecell/button/tag-groups.tsx           |   6 +-
 .../valuecell/form/copy-strategy-form.tsx     |   6 +-
 .../valuecell/form/exchange-form.tsx          |   2 +-
 .../valuecell/form/field/number-field.tsx     |   2 +-
 .../valuecell/form/field/password-field.tsx   |   2 +-
 .../valuecell/form/field/radio-field.tsx      |   2 +-
 .../valuecell/form/field/select-field.tsx     |   2 +-
 .../valuecell/form/field/text-field.tsx       |   2 +-
 .../valuecell/form/trading-strategy-form.tsx  |  12 ++--
 .../valuecell/menus/agent-menus.tsx           |  14 ++--
 .../valuecell/modal/copy-strategy-modal.tsx   |   4 +-
 .../valuecell/modal/login-modal.tsx           |  36 +++++++---
 .../renderer/chat-conversation-renderer.tsx   |  10 +--
 .../valuecell/renderer/markdown-renderer.tsx  |   8 ++-
 .../valuecell/renderer/reasoning-renderer.tsx |   6 +-
 .../valuecell/renderer/report-renderer.tsx    |   6 +-
 .../scheduled-task-controller-renderer.tsx    |   6 +-
 .../renderer/scheduled-task-renderer.tsx      |   4 +-
 .../valuecell/renderer/tool-call-renderer.tsx |   4 +-
 .../valuecell/renderer/unknown-renderer.tsx   |   8 +--
 .../valuecell/scroll/scroll-textarea.tsx      |   2 +-
 .../skeleton/agent-market-skeleton.tsx        |   2 +-
 .../components/valuecell/step-indicator.tsx   |  12 ++--
 frontend/src/global.css                       |   4 +-
 frontend/src/i18n/locales/en.json             |  32 +++++++++
 frontend/src/i18n/locales/ja.json             |  32 +++++++++
 frontend/src/i18n/locales/zh_CN.json          |  32 +++++++++
 frontend/src/i18n/locales/zh_TW.json          |  32 +++++++++
 frontend/src/root.tsx                         |  45 ++++++++-----
 67 files changed, 589 insertions(+), 338 deletions(-)
 create mode 100644 frontend/src/assets/png/icon-group-dark.png
 create mode 100644 frontend/src/assets/png/message-group-dark.png
 create mode 100644 frontend/src/assets/png/trend-dark.png

diff --git a/frontend/src/app/agent/components/agent-view/strategy-agent-area.tsx b/frontend/src/app/agent/components/agent-view/strategy-agent-area.tsx
index 9cf09f962..0970aed33 100644
--- a/frontend/src/app/agent/components/agent-view/strategy-agent-area.tsx
+++ b/frontend/src/app/agent/components/agent-view/strategy-agent-area.tsx
@@ -27,10 +27,24 @@ const EmptyIllustration = () => (
     xmlns="http://www.w3.org/2000/svg"
     className="h-[185px] w-[258px]"
   >
-    <rect x="40" y="30" width="178" height="125" rx="8" fill="#F3F4F6" />
-    <rect x="60" y="60" width="138" height="8" rx="4" fill="#E5E7EB" />
-    <rect x="60" y="80" width="100" height="8" rx="4" fill="#E5E7EB" />
-    <rect x="60" y="100" width="120" height="8" rx="4" fill="#E5E7EB" />
+    <rect
+      x="40"
+      y="30"
+      width="178"
+      height="125"
+      rx="8"
+      className="fill-muted"
+    />
+    <rect x="60" y="60" width="138" height="8" rx="4" className="fill-border" />
+    <rect x="60" y="80" width="100" height="8" rx="4" className="fill-border" />
+    <rect
+      x="60"
+      y="100"
+      width="120"
+      height="8"
+      rx="4"
+      className="fill-border"
+    />
   </svg>
 );
 
@@ -79,9 +93,9 @@ const StrategyAgentArea: FC<AgentViewProps> = () => {
   if (isLoadingStrategies) return null;
 
   return (
-    <div className="flex flex-1 overflow-hidden">
+    <div className="flex flex-1 overflow-hidden bg-muted/30">
       {/* Left section: Strategy list */}
-      <div className="flex w-96 flex-col gap-4 border-r py-6 *:px-6">
+      <div className="flex w-96 flex-col gap-4 border-r bg-card py-6 *:px-6">
         <p className="font-semibold text-base">{t("strategy.title")}</p>
 
         {strategies && strategies.length > 0 ? (
@@ -99,7 +113,7 @@ const StrategyAgentArea: FC<AgentViewProps> = () => {
         ) : (
           <div className="flex flex-1 flex-col items-center justify-center gap-4">
             <EmptyIllustration />
-            <div className="flex flex-col gap-3 text-center text-base text-gray-400">
+            <div className="flex flex-col gap-3 text-center text-base text-muted-foreground">
               <p>{t("strategy.noStrategies")}</p>
               <p>{t("strategy.createFirst")}</p>
             </div>
@@ -135,7 +149,7 @@ const StrategyAgentArea: FC<AgentViewProps> = () => {
         ) : (
           <div className="flex size-full flex-col items-center justify-center gap-8">
             <EmptyIllustration />
-            <p className="font-normal text-base text-gray-400">
+            <p className="font-normal text-base text-muted-foreground">
               {t("strategy.noStrategies")}
             </p>
           </div>
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-conversation-header.tsx b/frontend/src/app/agent/components/chat-conversation/chat-conversation-header.tsx
index 03398376f..98fd72ffa 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-conversation-header.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-conversation-header.tsx
@@ -26,7 +26,7 @@ const ChatConversationHeader: FC<ChatConversationHeaderProps> = ({ agent }) => {
 
         {/* Agent Info */}
         <div className="flex flex-col gap-1.5">
-          <h1 className="font-semibold text-gray-950 text-lg">
+          <h1 className="font-semibold text-foreground text-lg">
             {agent.display_name}
           </h1>
           <TagGroups tags={agent.agent_metadata.tags} />
@@ -40,10 +40,10 @@ const ChatConversationHeader: FC<ChatConversationHeaderProps> = ({ agent }) => {
             <TooltipTrigger asChild>
               <Button
                 variant="secondary"
-                className="size-8 cursor-pointer rounded-lg hover:bg-gray-200"
+                className="size-8 cursor-pointer rounded-lg hover:bg-muted"
                 size="icon"
               >
-                <MessageCircle size={16} className="text-gray-700" />
+                <MessageCircle size={16} className="text-foreground" />
               </Button>
             </TooltipTrigger>
             <TooltipContent>{t("chat.newConversation")}</TooltipContent>
@@ -54,10 +54,10 @@ const ChatConversationHeader: FC<ChatConversationHeaderProps> = ({ agent }) => {
             <TooltipTrigger asChild>
               <Button
                 variant="secondary"
-                className="size-8 cursor-pointer rounded-lg hover:bg-gray-200"
+                className="size-8 cursor-pointer rounded-lg hover:bg-muted"
                 size="icon"
               >
-                <Settings size={16} className="text-gray-700" />
+                <Settings size={16} className="text-foreground" />
               </Button>
             </TooltipTrigger>
             <TooltipContent>{t("chat.settings")}</TooltipContent>
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-input-area.tsx b/frontend/src/app/agent/components/chat-conversation/chat-input-area.tsx
index 4b86e9cc6..49b9043b3 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-input-area.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-input-area.tsx
@@ -48,9 +48,9 @@ const ChatInputArea: FC<ChatInputAreaProps> = ({
   return (
     <div
       className={cn(
-        "flex flex-col gap-2 rounded-2xl bg-white p-4",
-        "border border-gray-200 shadow-[0px_4px_20px_8px_rgba(17,17,17,0.04)]",
-        "focus-within:border-gray-300",
+        "flex flex-col gap-2 rounded-2xl bg-card p-4",
+        "border border-border shadow-[0px_4px_20px_8px_rgba(17,17,17,0.04)]",
+        "focus-within:border-ring",
         isWelcomeVariant && "w-2/3 min-w-[600px]",
         !isWelcomeVariant && "w-full",
         className,
@@ -72,7 +72,7 @@ const ChatInputArea: FC<ChatInputAreaProps> = ({
         disabled={disabled || !value.trim()}
         aria-label="Send message"
       >
-        <ArrowUp size={16} className="text-white" />
+        <ArrowUp size={16} className="text-primary-foreground" />
       </Button>
     </div>
   );
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-item-area.tsx b/frontend/src/app/agent/components/chat-conversation/chat-item-area.tsx
index 0355da699..3ca2b893f 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-item-area.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-item-area.tsx
@@ -28,9 +28,13 @@ const ChatItemArea: FC<ChatItemAreaProps> = ({ items }) => {
         >
           <div
             id="chat-item"
-            className={cn("max-w-[80%] rounded-2xl px-4", {
-              "ml-auto bg-gray-50 py-2.5": item.role === "user",
-            })}
+            className={cn(
+              "max-w-[80%] rounded-2xl px-4 text-foreground dark:text-white",
+              "dark:[&_a:hover]:text-sky-200 dark:[&_a]:text-sky-300 dark:[&_em]:text-white dark:[&_h1]:text-white dark:[&_h2]:text-white dark:[&_h3]:text-white dark:[&_h4]:text-white dark:[&_h5]:text-white dark:[&_h6]:text-white dark:[&_li]:text-white dark:[&_p]:text-white dark:[&_span]:text-white dark:[&_strong]:text-white",
+              {
+                "ml-auto bg-muted py-2.5": item.role === "user",
+              },
+            )}
           >
             {/* Render different message types based on payload structure */}
             {(() => {
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-section-component.tsx b/frontend/src/app/agent/components/chat-conversation/chat-section-component.tsx
index 897fe5df6..7e9005a5d 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-section-component.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-section-component.tsx
@@ -42,18 +42,18 @@ const ScheduledTaskResultComponent: FC<{ tasks: Record<string, TaskView> }> = ({
   }, [taskList, selectedTaskId]);
 
   return selectedItemContent ? (
-    <section className="flex flex-1 flex-col border-gray-200 border-l px-5 py-6">
+    <section className="flex flex-1 flex-col border-border border-l px-5 py-6">
       <BackButton className="mb-3" onClick={() => setSelectedItemContent("")} />
       <div className="scroll-container flex-1">
         <MarkdownRenderer content={selectedItemContent} />
       </div>
     </section>
   ) : (
-    <section className="flex flex-1 flex-col gap-5 border-gray-200 border-l px-5 py-6">
+    <section className="flex flex-1 flex-col gap-5 border-border border-l px-5 py-6">
       {/* Task Selector */}
       {taskList.length > 0 && (
         <Select value={selectedTaskId} onValueChange={setSelectedTaskId}>
-          <SelectTrigger className="rounded-lg bg-gray-200 p-1.5">
+          <SelectTrigger className="rounded-lg bg-muted p-1.5">
             <SelectValue placeholder="Select a task" />
           </SelectTrigger>
           <SelectContent>
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-streaming-indicator.tsx b/frontend/src/app/agent/components/chat-conversation/chat-streaming-indicator.tsx
index 6dc51fe44..ef99d2b01 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-streaming-indicator.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-streaming-indicator.tsx
@@ -3,14 +3,14 @@ import { type FC, memo } from "react";
 const StreamingIndicator: FC = () => {
   return (
     <output
-      className="flex items-center gap-2 text-gray-500 text-sm"
+      className="flex items-center gap-2 text-muted-foreground text-sm"
       aria-live="polite"
       aria-label="AI is thinking"
     >
       <div className="flex space-x-1" aria-hidden="true">
-        <div className="h-2 w-2 animate-bounce rounded-full bg-gray-400 delay-0" />
-        <div className="h-2 w-2 animate-bounce rounded-full bg-gray-400 delay-150" />
-        <div className="h-2 w-2 animate-bounce rounded-full bg-gray-400 delay-300" />
+        <div className="h-2 w-2 animate-bounce rounded-full bg-muted-foreground delay-0" />
+        <div className="h-2 w-2 animate-bounce rounded-full bg-muted-foreground delay-150" />
+        <div className="h-2 w-2 animate-bounce rounded-full bg-muted-foreground delay-300" />
       </div>
       <span>AI is thinking...</span>
     </output>
diff --git a/frontend/src/app/agent/components/chat-conversation/chat-welcome-screen.tsx b/frontend/src/app/agent/components/chat-conversation/chat-welcome-screen.tsx
index 0ae690a0f..47bec07de 100644
--- a/frontend/src/app/agent/components/chat-conversation/chat-welcome-screen.tsx
+++ b/frontend/src/app/agent/components/chat-conversation/chat-welcome-screen.tsx
@@ -23,7 +23,7 @@ const ChatWelcomeScreen: FC<ChatWelcomeScreenProps> = ({
 
       {/* Welcome content */}
       <div className="flex flex-1 flex-col items-center justify-center gap-12">
-        <h1 className="text-center font-semibold text-3xl text-gray-950 leading-12">
+        <h1 className="text-center font-semibold text-3xl text-foreground leading-12">
           {title}
         </h1>
 
@@ -41,37 +41,42 @@ const ChatWelcomeScreen: FC<ChatWelcomeScreenProps> = ({
 };
 
 const ChatBackground = () => (
-  <div className="absolute inset-0 -z-10 overflow-hidden opacity-30">
+  <div className="absolute inset-0 -z-10 overflow-hidden opacity-30 dark:opacity-15">
     {[
       {
         left: "12%",
         top: "50%",
         size: "h-[40vh] w-[18vw]",
-        colors: "from-yellow-100 to-yellow-200",
+        colors:
+          "from-yellow-100 to-yellow-200 dark:from-yellow-900/40 dark:to-yellow-800/30",
       },
       {
         left: "28%",
         top: "50%",
         size: "h-[38vh] w-[16vw]",
-        colors: "from-green-100 to-green-200",
+        colors:
+          "from-green-100 to-green-200 dark:from-green-900/40 dark:to-green-800/30",
       },
       {
         left: "45%",
         top: "50%",
         size: "h-[42vh] w-[19vw]",
-        colors: "from-teal-100 to-teal-200",
+        colors:
+          "from-teal-100 to-teal-200 dark:from-teal-900/40 dark:to-teal-800/30",
       },
       {
         left: "62%",
         top: "50%",
         size: "h-[40vh] w-[18vw]",
-        colors: "from-blue-100 to-blue-200",
+        colors:
+          "from-blue-100 to-blue-200 dark:from-blue-900/40 dark:to-blue-800/30",
       },
       {
         left: "78%",
         top: "50%",
         size: "h-[35vh] w-[15vw]",
-        colors: "from-purple-100 to-purple-200",
+        colors:
+          "from-purple-100 to-purple-200 dark:from-purple-900/40 dark:to-purple-800/30",
       },
     ].map((blur) => (
       <div
diff --git a/frontend/src/app/agent/components/strategy-items/modals/create-strategy-modal.tsx b/frontend/src/app/agent/components/strategy-items/modals/create-strategy-modal.tsx
index 40542004f..3bc4dd527 100644
--- a/frontend/src/app/agent/components/strategy-items/modals/create-strategy-modal.tsx
+++ b/frontend/src/app/agent/components/strategy-items/modals/create-strategy-modal.tsx
@@ -234,7 +234,7 @@ const CreateStrategyModal: FC<CreateStrategyModalProps> = ({
               type="button"
               variant="outline"
               onClick={currentStep === 1 ? resetAll : handleBack}
-              className="border-gray-100 py-4 font-semibold text-base"
+              className="py-4 font-semibold text-base"
             >
               {currentStep === 1
                 ? t("strategy.action.cancel")
@@ -255,7 +255,7 @@ const CreateStrategyModal: FC<CreateStrategyModalProps> = ({
                     await form3.handleSubmit();
                 }
               }}
-              className="relative py-4 font-semibold text-base text-white hover:bg-gray-800"
+              className="relative py-4 font-semibold text-base"
             >
               {isCreatingStrategy && <Spinner className="absolute left-4" />}
               {currentStep === 3
diff --git a/frontend/src/app/agent/components/strategy-items/modals/new-prompt-modal.tsx b/frontend/src/app/agent/components/strategy-items/modals/new-prompt-modal.tsx
index 4b6be5210..05f6b7afb 100644
--- a/frontend/src/app/agent/components/strategy-items/modals/new-prompt-modal.tsx
+++ b/frontend/src/app/agent/components/strategy-items/modals/new-prompt-modal.tsx
@@ -65,7 +65,7 @@ const NewPromptModal: FC<NewPromptModalProps> = ({ onSave, children }) => {
         showCloseButton={false}
         aria-describedby={undefined}
       >
-        <DialogTitle className="flex items-center justify-between font-medium text-gray-950 text-lg">
+        <DialogTitle className="flex items-center justify-between font-medium text-foreground text-lg">
           Create New Prompt
           <CloseButton onClick={handleCancel} />
         </DialogTitle>
@@ -76,7 +76,7 @@ const NewPromptModal: FC<NewPromptModalProps> = ({ onSave, children }) => {
             <form.Field name="name">
               {(field) => (
                 <Field>
-                  <FieldLabel className="font-medium text-base text-gray-950">
+                  <FieldLabel className="font-medium text-base text-foreground">
                     Prompt Name
                   </FieldLabel>
                   <Input
@@ -94,7 +94,7 @@ const NewPromptModal: FC<NewPromptModalProps> = ({ onSave, children }) => {
             <form.Field name="content">
               {(field) => (
                 <Field>
-                  <FieldLabel className="font-medium text-base text-gray-950">
+                  <FieldLabel className="font-medium text-base text-foreground">
                     Prompt Template
                   </FieldLabel>
                   <Textarea
@@ -122,7 +122,7 @@ const NewPromptModal: FC<NewPromptModalProps> = ({ onSave, children }) => {
           </Button>
           <Button
             type="submit"
-            className="flex-1 py-4 font-semibold text-base text-white hover:bg-gray-800"
+            className="flex-1 py-4 font-semibold text-base"
             onClick={form.handleSubmit}
             disabled={isSaving}
           >
diff --git a/frontend/src/app/agent/components/strategy-items/modals/share-portfolio-modal.tsx b/frontend/src/app/agent/components/strategy-items/modals/share-portfolio-modal.tsx
index 3b351266e..5896d5341 100644
--- a/frontend/src/app/agent/components/strategy-items/modals/share-portfolio-modal.tsx
+++ b/frontend/src/app/agent/components/strategy-items/modals/share-portfolio-modal.tsx
@@ -121,8 +121,10 @@ const SharePortfolioModal: FC<{
         {/* Card to be captured */}
         <div
           ref={cardRef}
-          className="relative space-y-10 overflow-hidden rounded-2xl border border-gray-200 p-8"
+          className="relative space-y-10 overflow-hidden rounded-2xl border p-8"
           style={{
+            borderColor: "rgba(0, 0, 0, 0.1)",
+            color: "#111827",
             background:
               "linear-gradient(141deg, rgba(255, 255, 255, 0.32) 2.67%, rgba(255, 255, 255, 0.00) 48.22%), radial-gradient(109.08% 168.86% at 54.34% 8.71%, #FFF 0%, #FFF 37.09%, rgba(255, 255, 255, 0.30) 94.85%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(90deg, rgba(255, 36, 61, 0.85) 0.01%, rgba(0, 99, 246, 0.85) 99.77%), #FFF",
           }}
@@ -134,14 +136,17 @@ const SharePortfolioModal: FC<{
                 ValueCell
               </span>
             </div>
-            <p className="font-medium text-black/30 text-sm">
+            <p
+              className="font-medium text-sm"
+              style={{ color: "rgba(0, 0, 0, 0.3)" }}
+            >
               {TimeUtils.now().format(TIME_FORMATS.DATETIME)}
             </p>
           </div>
 
           {/* Main Return */}
           <div className="space-y-4 text-center">
-            <div className="font-normal text-gray-950 text-xl">
+            <div className="font-normal text-xl">
               {TimeUtils.formUTCDiff(data.created_at)}-Day ROI
             </div>
             <div
@@ -155,7 +160,7 @@ const SharePortfolioModal: FC<{
           </div>
 
           {/* Details Grid */}
-          <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-gray-950 text-sm [&>span]:text-right">
+          <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-sm [&>span]:text-right">
             <p>P&L</p>
             <span style={{ color: stockColors[getChangeType(data.total_pnl)] }}>
               {formatChange(data.total_pnl, "", 2)}
@@ -181,15 +186,27 @@ const SharePortfolioModal: FC<{
             <span>{data.strategy_type}</span>
           </div>
 
-          <div className="flex items-center justify-between rounded-2xl border border-white/60 bg-white/20 p-4 shadow-[0,4px,20px,0,rgba(113,113,113,0.08)] backdrop-blur-sm">
+          <div
+            className="flex items-center justify-between rounded-2xl border p-4 shadow-[0,4px,20px,0,rgba(113,113,113,0.08)] backdrop-blur-sm"
+            style={{
+              borderColor: "rgba(255, 255, 255, 0.6)",
+              backgroundColor: "rgba(255, 255, 255, 0.2)",
+            }}
+          >
             <div className="space-y-1">
-              <div className="font-medium text-black/30 text-sm">Publisher</div>
-              <span className="font-normal text-base text-gray-950">
-                {name}
-              </span>
+              <div
+                className="font-medium text-sm"
+                style={{ color: "rgba(0, 0, 0, 0.3)" }}
+              >
+                Publisher
+              </div>
+              <span className="font-normal text-base">{name}</span>
             </div>
 
-            <div className="font-medium text-black/30 text-sm">
+            <div
+              className="font-medium text-sm"
+              style={{ color: "rgba(0, 0, 0, 0.3)" }}
+            >
               ValueCell.ai
             </div>
           </div>
@@ -199,14 +216,14 @@ const SharePortfolioModal: FC<{
         <div className="mt-6 flex gap-4">
           <Button
             variant="outline"
-            className="h-12 flex-1 rounded-xl border-gray-200 bg-white font-medium text-base hover:bg-gray-50"
+            className="h-12 flex-1 rounded-xl border-border bg-card font-medium text-base hover:bg-muted"
             onClick={() => setOpen(false)}
           >
             Cancel
           </Button>
 
           <Button
-            className="h-12 flex-1 rounded-xl bg-gray-950 font-medium text-base text-white hover:bg-gray-800"
+            className="h-12 flex-1 rounded-xl bg-primary font-medium text-base text-primary-foreground hover:bg-primary/90"
             onClick={handleDownload}
             disabled={isDownloading}
           >
diff --git a/frontend/src/app/agent/components/strategy-items/modals/strategy-detail-modal.tsx b/frontend/src/app/agent/components/strategy-items/modals/strategy-detail-modal.tsx
index 8e6c42d57..bd2a77ef9 100644
--- a/frontend/src/app/agent/components/strategy-items/modals/strategy-detail-modal.tsx
+++ b/frontend/src/app/agent/components/strategy-items/modals/strategy-detail-modal.tsx
@@ -98,13 +98,13 @@ const StrategyDetailModal: FC<StrategyDetailModalProps> = ({ ref }) => {
                   >
                     {numberFixed(strategyDetail.return_rate_pct, 2)}%
                   </div>
-                  <div className="text-gray-500 text-sm">
+                  <div className="text-muted-foreground text-sm">
                     {t("strategy.detail.returnRate")}
                   </div>
                 </div>
               </div>
 
-              <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-sm [&>p]:text-gray-500 [&>span]:text-right">
+              <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-sm [&>p]:text-muted-foreground [&>span]:text-right">
                 <p>{t("strategy.detail.strategyType")}</p>
                 <span>
                   {t(`strategy.types.${strategyDetail.strategy_type}`)}
@@ -132,10 +132,10 @@ const StrategyDetailModal: FC<StrategyDetailModalProps> = ({ ref }) => {
               </div>
 
               <div className="gap-2">
-                <span className="text-gray-500 text-sm">
+                <span className="text-muted-foreground text-sm">
                   {t("strategy.detail.prompt")}
                 </span>
-                <p className="rounded-md bg-gray-50 p-3 text-gray-700 text-sm">
+                <p className="rounded-md bg-muted p-3 text-foreground text-sm">
                   {strategyDetail.prompt}
                 </p>
               </div>
diff --git a/frontend/src/app/agent/components/strategy-items/modals/view-strategy-modal.tsx b/frontend/src/app/agent/components/strategy-items/modals/view-strategy-modal.tsx
index 8c3399bd2..f95e35e54 100644
--- a/frontend/src/app/agent/components/strategy-items/modals/view-strategy-modal.tsx
+++ b/frontend/src/app/agent/components/strategy-items/modals/view-strategy-modal.tsx
@@ -28,14 +28,14 @@ const ViewStrategyModal: FC<ViewStrategyModalProps> = ({
         showCloseButton={false}
         aria-describedby={undefined}
       >
-        <DialogTitle className="flex items-center justify-between font-medium text-gray-950 text-lg">
+        <DialogTitle className="flex items-center justify-between font-medium text-foreground text-lg">
           {prompt.name}
           <DialogClose asChild>
             <CloseButton />
           </DialogClose>
         </DialogTitle>
 
-        <p className="scroll-container whitespace-pre-line font-normal text-base text-gray-950 leading-relaxed tracking-wide">
+        <p className="scroll-container whitespace-pre-line font-normal text-base text-foreground leading-relaxed tracking-wide">
           {prompt.content}
         </p>
       </DialogContent>
diff --git a/frontend/src/app/agent/components/strategy-items/portfolio-positions-group.tsx b/frontend/src/app/agent/components/strategy-items/portfolio-positions-group.tsx
index 2ee02c0de..f6bf8b400 100644
--- a/frontend/src/app/agent/components/strategy-items/portfolio-positions-group.tsx
+++ b/frontend/src/app/agent/components/strategy-items/portfolio-positions-group.tsx
@@ -62,7 +62,9 @@ const PositionRow: FC<PositionRowProps> = ({ position }) => {
             src={getCoinCapIcon(position.symbol)}
             callback={ValueCellAgentPng}
           />
-          <p className="font-medium text-gray-950 text-sm">{position.symbol}</p>
+          <p className="font-medium text-foreground text-sm">
+            {position.symbol}
+          </p>
         </div>
       </TableCell>
       <TableCell>
@@ -76,12 +78,14 @@ const PositionRow: FC<PositionRowProps> = ({ position }) => {
         </Badge>
       </TableCell>
       <TableCell>
-        <p className="font-medium text-gray-950 text-sm">
+        <p className="font-medium text-foreground text-sm">
           {position.leverage}X
         </p>
       </TableCell>
       <TableCell>
-        <p className="font-medium text-gray-950 text-sm">{position.quantity}</p>
+        <p className="font-medium text-foreground text-sm">
+          {position.quantity}
+        </p>
       </TableCell>
       <TableCell>
         <p
@@ -150,7 +154,7 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
       {/* Portfolio Value History Section */}
       <div className="flex flex-1 flex-col gap-4">
         <div className="flex items-center justify-between">
-          <h3 className="font-semibold text-base text-gray-950">
+          <h3 className="font-semibold text-base text-foreground">
             {t("strategy.portfolio.title")}
           </h3>
           {isTauriApp &&
@@ -191,28 +195,28 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
         </div>
 
         <div className="grid grid-cols-3 gap-4 text-nowrap">
-          <div className="rounded-lg bg-gray-50 p-4">
-            <p className="text-gray-500 text-sm">
+          <div className="rounded-lg bg-muted p-4">
+            <p className="text-muted-foreground text-sm">
               {t("strategy.portfolio.totalEquity")}
             </p>
-            <p className="mt-1 font-semibold text-gray-900 text-lg">
+            <p className="mt-1 font-semibold text-foreground text-lg">
               {numberFixed(summary?.total_value, 4)}
             </p>
           </div>
-          <div className="rounded-lg bg-gray-50 p-4">
-            <p className="text-gray-500 text-sm">
+          <div className="rounded-lg bg-muted p-4">
+            <p className="text-muted-foreground text-sm">
               {t("strategy.portfolio.availableBalance")}
             </p>
-            <p className="mt-1 font-semibold text-gray-900 text-lg">
+            <p className="mt-1 font-semibold text-foreground text-lg">
               {numberFixed(summary?.cash, 4)}
             </p>
           </div>
-          <div className="rounded-lg bg-gray-50 p-4">
-            <p className="text-gray-500 text-sm">
+          <div className="rounded-lg bg-muted p-4">
+            <p className="text-muted-foreground text-sm">
               {t("strategy.portfolio.totalPnl")}
             </p>
             <p
-              className="mt-1 font-semibold text-gray-900 text-lg"
+              className="mt-1 font-semibold text-foreground text-lg"
               style={{ color: stockColors[changeType] }}
             >
               {numberFixed(summary?.total_pnl, 4)}
@@ -224,16 +228,16 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
           {hasPriceCurve ? (
             <MultiLineChart data={priceCurve} showLegend={false} />
           ) : (
-            <div className="flex h-full items-center justify-center rounded-xl bg-gray-50">
+            <div className="flex h-full items-center justify-center rounded-xl bg-muted">
               <div className="flex flex-col items-center gap-4 px-6 py-12 text-center">
-                <div className="flex size-14 items-center justify-center rounded-full bg-gray-100">
-                  <LineChart className="size-7 text-gray-400" />
+                <div className="flex size-14 items-center justify-center rounded-full bg-muted">
+                  <LineChart className="size-7 text-muted-foreground" />
                 </div>
                 <div className="flex flex-col gap-2">
-                  <p className="font-semibold text-base text-gray-700">
+                  <p className="font-semibold text-base text-foreground">
                     {t("strategy.portfolio.noData")}
                   </p>
-                  <p className="max-w-xs text-gray-500 text-sm leading-relaxed">
+                  <p className="max-w-xs text-muted-foreground text-sm leading-relaxed">
                     {t("strategy.portfolio.noDataDesc")}
                   </p>
                 </div>
@@ -245,7 +249,7 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
 
       {/* Positions Section */}
       <div className="flex flex-col gap-4">
-        <h3 className="font-semibold text-base text-gray-950">
+        <h3 className="font-semibold text-base text-foreground">
           {t("strategy.positions.title")}
         </h3>
         {hasPositions ? (
@@ -253,27 +257,27 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
             <TableHeader>
               <TableRow>
                 <TableHead>
-                  <p className="font-normal text-gray-400 text-sm">
+                  <p className="font-normal text-muted-foreground text-sm">
                     {t("strategy.positions.symbol")}
                   </p>
                 </TableHead>
                 <TableHead>
-                  <p className="font-normal text-gray-400 text-sm">
+                  <p className="font-normal text-muted-foreground text-sm">
                     {t("strategy.positions.type")}
                   </p>
                 </TableHead>
                 <TableHead>
-                  <p className="font-normal text-gray-400 text-sm">
+                  <p className="font-normal text-muted-foreground text-sm">
                     {t("strategy.positions.leverage")}
                   </p>
                 </TableHead>
                 <TableHead>
-                  <p className="font-normal text-gray-400 text-sm">
+                  <p className="font-normal text-muted-foreground text-sm">
                     {t("strategy.positions.quantity")}
                   </p>
                 </TableHead>
                 <TableHead>
-                  <p className="font-normal text-gray-400 text-sm">
+                  <p className="font-normal text-muted-foreground text-sm">
                     {t("strategy.positions.pnl")}
                   </p>
                 </TableHead>
@@ -289,16 +293,16 @@ const PortfolioPositionsGroup: FC<PortfolioPositionsGroupProps> = ({
             </TableBody>
           </Table>
         ) : (
-          <div className="flex min-h-[240px] items-center justify-center rounded-xl bg-gray-50">
+          <div className="flex min-h-[240px] items-center justify-center rounded-xl bg-muted">
             <div className="flex flex-col items-center gap-4 px-6 py-10 text-center">
-              <div className="flex size-12 items-center justify-center rounded-full bg-gray-100">
-                <Wallet className="size-6 text-gray-400" />
+              <div className="flex size-12 items-center justify-center rounded-full bg-muted">
+                <Wallet className="size-6 text-muted-foreground" />
               </div>
               <div className="flex flex-col gap-1.5">
-                <p className="font-semibold text-gray-700 text-sm">
+                <p className="font-semibold text-foreground text-sm">
                   {t("strategy.positions.noOpen")}
                 </p>
-                <p className="max-w-xs text-gray-500 text-xs leading-relaxed">
+                <p className="max-w-xs text-muted-foreground text-xs leading-relaxed">
                   {t("strategy.positions.noOpenDesc")}
                 </p>
               </div>
diff --git a/frontend/src/app/agent/components/strategy-items/strategy-compose-list.tsx b/frontend/src/app/agent/components/strategy-items/strategy-compose-list.tsx
index 705bb4f5e..33526077b 100644
--- a/frontend/src/app/agent/components/strategy-items/strategy-compose-list.tsx
+++ b/frontend/src/app/agent/components/strategy-items/strategy-compose-list.tsx
@@ -35,34 +35,34 @@ const StrategyComposeItem: FC<StrategyComposeItemProps> = ({ compose }) => {
   const [isReasoningOpen, setIsReasoningOpen] = useState(false);
 
   return (
-    <div className="flex flex-col gap-2 rounded-lg border border-gray-100 bg-gray-50 p-4">
+    <div className="flex flex-col gap-2 rounded-lg border border-border bg-muted p-4">
       <div className="flex items-center justify-between">
-        <h3 className="font-bold text-base text-gray-900">
+        <h3 className="font-bold text-base text-foreground">
           {t("strategy.history.cycle", { index: compose.cycle_index })}
         </h3>
-        <span className="text-gray-400 text-xs">
+        <span className="text-muted-foreground text-xs">
           {TimeUtils.formatUTC(compose.created_at, TIME_FORMATS.DATETIME)}
         </span>
       </div>
 
       {/* AI Reasoning Logic */}
-      <p className="text-gray-400 text-xs">
+      <p className="text-muted-foreground text-xs">
         {t("strategy.history.aiReasoning")}
       </p>
       <Collapsible open={isReasoningOpen} onOpenChange={setIsReasoningOpen}>
         <CollapsibleTrigger
           data-active={isReasoningOpen}
-          className="flex w-full cursor-pointer items-start justify-between rounded-md border-gradient bg-white px-3 py-2 text-left"
+          className="flex w-full cursor-pointer items-start justify-between rounded-md border-gradient bg-card px-3 py-2 text-left"
         >
           <span
-            className={`text-gray-700 text-sm leading-relaxed ${
+            className={`text-foreground text-sm leading-relaxed ${
               isReasoningOpen ? "" : "line-clamp-1"
             }`}
           >
             {compose.rationale}
           </span>
           <ChevronDown
-            className={`mt-1 ml-2 size-4 shrink-0 text-gray-400 transition-transform duration-200 ${
+            className={`mt-1 ml-2 size-4 shrink-0 text-muted-foreground transition-transform duration-200 ${
               isReasoningOpen ? "rotate-180" : ""
             }`}
           />
@@ -72,7 +72,7 @@ const StrategyComposeItem: FC<StrategyComposeItemProps> = ({ compose }) => {
       {/* Perform Operation */}
       {compose.actions.length > 0 && (
         <>
-          <p className="text-gray-400 text-xs">
+          <p className="text-muted-foreground text-xs">
             {t("strategy.history.operation")}
           </p>
           {compose.actions.map((action) => (
@@ -111,14 +111,14 @@ const ActionItem: FC<{ action: StrategyAction }> = ({ action }) => {
   return (
     <HoverCard openDelay={300}>
       <HoverCardTrigger asChild>
-        <Button className="flex items-center justify-between rounded-md border-gradient bg-white p-3">
+        <Button className="flex items-center justify-between rounded-md border-gradient bg-card p-3">
           <div className="flex items-center gap-2">
             <PngIcon
               src={getCoinCapIcon(action.symbol)}
               className="size-5"
               callback={ValueCellAgentPng}
             />
-            <span className="font-medium text-gray-950 text-sm">
+            <span className="font-medium text-foreground text-sm">
               {action.symbol}
             </span>
 
@@ -137,7 +137,7 @@ const ActionItem: FC<{ action: StrategyAction }> = ({ action }) => {
         </Button>
       </HoverCardTrigger>
       <HoverCardContent
-        className="rounded-xl border border-gray-200 p-4 shadow-[0_-4px_100px_8px_rgba(17,17,17,0.08)]"
+        className="rounded-xl border border-border p-4 shadow-[0_-4px_100px_8px_rgba(17,17,17,0.08)]"
         side="right"
       >
         {/* HoverCard Header */}
@@ -148,7 +148,7 @@ const ActionItem: FC<{ action: StrategyAction }> = ({ action }) => {
               className="size-5"
               callback={ValueCellAgentPng}
             />
-            <span className="font-bold text-base text-gray-900">
+            <span className="font-bold text-base text-foreground">
               {action.symbol}
             </span>
           </div>
@@ -163,16 +163,16 @@ const ActionItem: FC<{ action: StrategyAction }> = ({ action }) => {
 
         {/* Popover Tags */}
         <div className="mb-4 flex gap-2">
-          <span className="rounded-md bg-gray-100 px-2 py-1 font-medium text-gray-900 text-xs">
+          <span className="rounded-md bg-muted px-2 py-1 font-medium text-foreground text-xs">
             {action.action_display}
           </span>
-          <span className="rounded-md bg-gray-100 px-2 py-1 font-medium text-gray-900 text-xs">
+          <span className="rounded-md bg-muted px-2 py-1 font-medium text-foreground text-xs">
             {action.leverage}X
           </span>
         </div>
 
         {/* Data Grid */}
-        <div className="mb-4 grid grid-cols-[auto_1fr] gap-y-1 text-nowrap text-gray-500 text-xs">
+        <div className="mb-4 grid grid-cols-[auto_1fr] gap-y-1 text-nowrap text-muted-foreground text-xs">
           <span>{t("strategy.history.details.time")}</span>
           <span className="text-right">
             {TimeUtils.formatUTC(
@@ -197,11 +197,11 @@ const ActionItem: FC<{ action: StrategyAction }> = ({ action }) => {
         </div>
 
         {/* Reasoning Box */}
-        <div className="rounded-lg bg-blue-50 p-3">
-          <p className="mb-1 font-medium text-gray-900 text-xs">
+        <div className="rounded-lg bg-muted p-3">
+          <p className="mb-1 font-medium text-foreground text-xs">
             {t("strategy.history.details.reasoning")}
           </p>
-          <p className="text-gray-500 text-xs leading-relaxed">
+          <p className="text-muted-foreground text-xs leading-relaxed">
             {action.rationale}
           </p>
         </div>
@@ -221,13 +221,13 @@ const StrategyComposeList: FC<StrategyComposeListProps> = ({
 }) => {
   const { t } = useTranslation();
   return (
-    <div className="flex w-[420px] flex-col overflow-hidden border-r bg-white">
+    <div className="flex w-[420px] flex-col overflow-hidden border-border border-r bg-card">
       <div className="flex items-center justify-between px-6 py-4">
-        <h3 className="font-semibold text-base text-gray-950">
+        <h3 className="font-semibold text-base text-foreground">
           {t("strategy.history.title")}
         </h3>
 
-        <p className="rounded-md bg-gray-100 px-2.5 py-1 font-medium text-gray-950 text-sm">
+        <p className="rounded-md bg-muted px-2.5 py-1 font-medium text-foreground text-sm">
           {tradingMode === "live"
             ? t("strategy.history.live")
             : t("strategy.history.virtual")}
@@ -244,14 +244,14 @@ const StrategyComposeList: FC<StrategyComposeListProps> = ({
         ) : (
           <div className="flex flex-1 items-center justify-center">
             <div className="flex flex-col items-center gap-4 px-6 py-12 text-center">
-              <div className="flex size-14 items-center justify-center rounded-full bg-gray-100">
-                <History className="size-7 text-gray-400" />
+              <div className="flex size-14 items-center justify-center rounded-full bg-muted">
+                <History className="size-7 text-muted-foreground" />
               </div>
               <div className="flex flex-col gap-2">
-                <p className="font-semibold text-base text-gray-700">
+                <p className="font-semibold text-base text-foreground">
                   {t("strategy.history.empty.title")}
                 </p>
-                <p className="max-w-[280px] text-gray-500 text-sm leading-relaxed">
+                <p className="max-w-[280px] text-muted-foreground text-sm leading-relaxed">
                   {t("strategy.history.empty.desc")}
                 </p>
               </div>
diff --git a/frontend/src/app/agent/components/strategy-items/trade-strategy-group.tsx b/frontend/src/app/agent/components/strategy-items/trade-strategy-group.tsx
index 16ea1b930..78ff2e668 100644
--- a/frontend/src/app/agent/components/strategy-items/trade-strategy-group.tsx
+++ b/frontend/src/app/agent/components/strategy-items/trade-strategy-group.tsx
@@ -82,10 +82,10 @@ const TradeStrategyCard: FC<TradeStrategyCardProps> = ({
     >
       {/* Header: Name and Time */}
       <div className="flex items-center justify-between">
-        <p className="font-medium text-base text-gray-950 leading-[22px]">
+        <p className="font-medium text-base text-foreground leading-[22px]">
           {strategy.strategy_name}
         </p>
-        <p className="font-normal text-gray-400 text-xs">
+        <p className="font-normal text-muted-foreground text-xs">
           {TimeUtils.formatUTC(
             strategy.created_at,
             TIME_FORMATS.DATETIME_SHORT,
@@ -95,11 +95,11 @@ const TradeStrategyCard: FC<TradeStrategyCardProps> = ({
 
       <div className="flex items-center gap-2">
         {strategy.strategy_type && (
-          <p className="rounded-sm bg-gray-100 px-2 py-1 text-gray-700 text-xs">
+          <p className="rounded-sm bg-muted px-2 py-1 text-foreground text-xs">
             {t(`strategy.types.${strategy.strategy_type}`)}
           </p>
         )}
-        <p className="rounded-sm bg-gray-100 px-2 py-1 text-gray-700 text-xs">
+        <p className="rounded-sm bg-muted px-2 py-1 text-foreground text-xs">
           {strategy.trading_mode === "live"
             ? t("strategy.status.live")
             : t("strategy.status.virtual")}
@@ -107,7 +107,7 @@ const TradeStrategyCard: FC<TradeStrategyCardProps> = ({
       </div>
 
       {/* Model and Exchange Info */}
-      <div className="flex items-center gap-2 font-medium text-gray-400 text-sm">
+      <div className="flex items-center gap-2 font-medium text-muted-foreground text-sm">
         <p>{strategy.model_id}</p>
         <p>{strategy.exchange_id}</p>
       </div>
@@ -127,7 +127,7 @@ const TradeStrategyCard: FC<TradeStrategyCardProps> = ({
           {strategy.status === "stopped" && strategy.stop_reason ? (
             <Tooltip>
               <TooltipTrigger asChild>
-                <p className="font-medium text-gray-400 text-sm">
+                <p className="font-medium text-muted-foreground text-sm">
                   {t("strategy.status.stopped")}
                 </p>
               </TooltipTrigger>
@@ -147,7 +147,7 @@ const TradeStrategyCard: FC<TradeStrategyCardProps> = ({
                   {strategy.status === "running" && (
                     <SvgIcon name={StrategyStatus} className="size-4" />
                   )}
-                  <p className="font-medium text-gray-700 text-sm">
+                  <p className="font-medium text-foreground text-sm">
                     {strategy.status === "running"
                       ? t("strategy.status.running")
                       : t("strategy.status.stopped")}
@@ -298,16 +298,16 @@ const TradeStrategyGroup: FC<TradeStrategyGroupProps> = ({
           ))}
         </div>
       ) : (
-        <div className="flex w-80 items-center justify-center rounded-xl border-2 border-gray-200 border-dashed bg-gray-50/50">
+        <div className="flex w-80 items-center justify-center rounded-xl border-2 border-border border-dashed bg-muted/50">
           <div className="flex flex-col items-center gap-4 px-6 py-12 text-center">
-            <div className="flex size-14 items-center justify-center rounded-full bg-gray-100">
-              <TrendingUp className="size-7 text-gray-400" />
+            <div className="flex size-14 items-center justify-center rounded-full bg-muted">
+              <TrendingUp className="size-7 text-muted-foreground" />
             </div>
             <div className="flex flex-col gap-2">
-              <p className="font-semibold text-base text-gray-700">
+              <p className="font-semibold text-base text-foreground">
                 {t("strategy.noStrategies")}
               </p>
-              <p className="max-w-xs text-gray-500 text-sm leading-relaxed">
+              <p className="max-w-xs text-muted-foreground text-sm leading-relaxed">
                 {t("strategy.createFirst")}
               </p>
             </div>
diff --git a/frontend/src/app/agent/config.tsx b/frontend/src/app/agent/config.tsx
index b7d17598f..bda55c908 100644
--- a/frontend/src/app/agent/config.tsx
+++ b/frontend/src/app/agent/config.tsx
@@ -30,11 +30,11 @@ export default function AgentConfig() {
       <BackButton />
 
       {/* Agent info and configure button */}
-      <div className="mb-6 flex items-center justify-between rounded-lg bg-gray-50 px-4 py-8">
+      <div className="mb-6 flex items-center justify-between rounded-lg bg-muted px-4 py-8">
         <div className="flex flex-col gap-4">
           <div className="flex items-center gap-4">
             <AgentAvatar agentName={agentName ?? ""} className="size-16" />
-            <h1 className="font-semibold text-4xl leading-9">
+            <h1 className="font-semibold text-4xl text-foreground leading-9">
               {agent?.display_name}
             </h1>
           </div>
@@ -42,7 +42,7 @@ export default function AgentConfig() {
             {agent?.agent_metadata.tags.map((tag) => (
               <span
                 key={tag}
-                className="text-nowrap rounded-md border border-gray-200 px-3 py-1 font-normal text-gray-700 text-xs"
+                className="text-nowrap rounded-md border border-border px-3 py-1 font-normal text-muted-foreground text-xs"
               >
                 {tag}
               </span>
@@ -58,7 +58,7 @@ export default function AgentConfig() {
               </Button>
             )}
             <Link
-              className="flex items-center gap-2 rounded-md bg-black px-5 py-1.5 font-semibold text-base text-white hover:bg-black/80"
+              className="flex items-center gap-2 rounded-md bg-primary px-5 py-1.5 font-semibold text-base text-primary-foreground hover:bg-primary/80"
               to={`/agent/${agentName}`}
             >
               {t("agent.config.chat")} <ArrowRight size={16} />
@@ -66,7 +66,7 @@ export default function AgentConfig() {
           </div>
         ) : (
           <Link
-            className="flex items-center gap-2 rounded-md bg-black px-5 py-3 font-semibold text-base text-white hover:bg-black/80"
+            className="flex items-center gap-2 rounded-md bg-primary px-5 py-3 font-semibold text-base text-primary-foreground hover:bg-primary/80"
             to={`/agent/${agentName}`}
             onClick={handleEnableAgent}
           >
diff --git a/frontend/src/app/home/_layout.tsx b/frontend/src/app/home/_layout.tsx
index 50ceed701..9687675df 100644
--- a/frontend/src/app/home/_layout.tsx
+++ b/frontend/src/app/home/_layout.tsx
@@ -7,22 +7,19 @@ import { StockList, StockSearchModal } from "./components";
 export default function HomeLayout() {
   const { t } = useTranslation();
   return (
-    <div className="flex flex-1 flex-col gap-4 overflow-hidden bg-gray-100 py-4 pr-4 pl-2">
+    <div className="flex flex-1 flex-col gap-4 overflow-hidden bg-muted py-4 pr-4 pl-2">
       <h1 className="font-medium text-3xl">{t("home.welcome")}</h1>
 
       <div className="flex flex-1 gap-3 overflow-hidden">
-        <main className="scroll-container flex-1 rounded-lg">
+        <main className="scroll-container flex-1 rounded-lg bg-card">
           <Outlet />
         </main>
 
-        <aside className="flex w-72 flex-col overflow-hidden rounded-lg bg-white">
+        <aside className="flex w-72 flex-col overflow-hidden rounded-lg bg-card">
           <StockList />
 
           <StockSearchModal>
-            <Button
-              variant="secondary"
-              className="mx-5 mb-6 font-bold text-sm hover:bg-gray-200"
-            >
+            <Button variant="secondary" className="mx-5 mb-6 font-bold text-sm">
               <Plus size={16} />
               {t("home.stock.add")}
             </Button>
diff --git a/frontend/src/app/home/components/agent-suggestions-list.tsx b/frontend/src/app/home/components/agent-suggestions-list.tsx
index 5cc356a5b..bfb9474e4 100644
--- a/frontend/src/app/home/components/agent-suggestions-list.tsx
+++ b/frontend/src/app/home/components/agent-suggestions-list.tsx
@@ -52,13 +52,15 @@ function AgentSuggestionsHeader({
       {...props}
     >
       {title && (
-        <h2 className="font-medium text-black text-xl leading-7">{title}</h2>
+        <h2 className="font-medium text-foreground text-xl leading-7">
+          {title}
+        </h2>
       )}
       {actionText && (
         <button
           type="button"
           onClick={onActionClick}
-          className="font-normal text-base text-black/60 transition-colors hover:text-black/80"
+          className="font-normal text-base text-muted-foreground transition-colors hover:text-foreground"
         >
           {actionText}
         </button>
@@ -99,7 +101,7 @@ function AgentSuggestionItem({
               {suggestion.avatars.map((avatar, index) => (
                 <div
                   key={`${suggestion.id}-avatar-${index}`}
-                  className="relative -mr-2 size-6 overflow-hidden rounded-full border-2 border-white last:mr-0"
+                  className="relative -mr-2 size-6 overflow-hidden rounded-full border-2 border-background last:mr-0"
                 >
                   {avatar}
                 </div>
diff --git a/frontend/src/app/home/components/agent-task-cards.tsx b/frontend/src/app/home/components/agent-task-cards.tsx
index ec9849e2f..8a26dad8a 100644
--- a/frontend/src/app/home/components/agent-task-cards.tsx
+++ b/frontend/src/app/home/components/agent-task-cards.tsx
@@ -17,15 +17,15 @@ const AgentTaskCard: FC<TaskCardItem> = ({
   if (!Component) return null;
 
   return (
-    <div className="flex size-full flex-col gap-4 rounded-lg border border-gray-100 bg-[linear-gradient(98deg,#FFF_5.05%,#E7EFFF_100%)] px-5 py-4">
+    <div className="flex size-full flex-col gap-4 rounded-lg border border-border bg-[linear-gradient(98deg,hsl(var(--card))_5.05%,hsl(var(--muted))_100%)] px-5 py-4">
       <div className="flex w-full items-center justify-between">
         <div className="flex shrink-0 items-center gap-2">
           <AgentAvatar agentName={agent_name} className="size-8" />
-          <p className="whitespace-nowrap font-normal text-base text-gray-950 leading-[22px]">
+          <p className="whitespace-nowrap font-normal text-base text-foreground leading-[22px]">
             {agent_name}
           </p>
         </div>
-        <p className="shrink-0 whitespace-nowrap text-gray-400 text-xs leading-[18px]">
+        <p className="shrink-0 whitespace-nowrap text-muted-foreground text-xs leading-[18px]">
           {TimeUtils.fromUTCRelative(update_time)}
         </p>
       </div>
diff --git a/frontend/src/app/home/components/stock-search-modal.tsx b/frontend/src/app/home/components/stock-search-modal.tsx
index a5cae80bd..221d7ad9f 100644
--- a/frontend/src/app/home/components/stock-search-modal.tsx
+++ b/frontend/src/app/home/components/stock-search-modal.tsx
@@ -44,17 +44,17 @@ const StockItem = ({ stock }: { stock: Stock }) => {
   return (
     <div
       key={stock.ticker}
-      className="flex items-center justify-between px-4 py-2 transition-colors hover:bg-gray-50"
+      className="flex items-center justify-between px-4 py-2 transition-colors hover:bg-muted"
     >
       <div className="flex flex-col gap-px">
-        <p className="text-neutral-900 text-sm">{stock.display_name}</p>
-        <p className="text-neutral-400 text-xs">{stock.ticker}</p>
+        <p className="text-foreground text-sm">{stock.display_name}</p>
+        <p className="text-muted-foreground text-xs">{stock.ticker}</p>
       </div>
 
       <Button
         disabled={isPendingAddStockToWatchlist || isStockInWatchlist}
         size="sm"
-        className="cursor-pointer font-normal text-sm text-white"
+        className="cursor-pointer font-normal text-sm"
         onClick={async () =>
           await addStockToWatchlist({ ticker: stock.ticker })
         }
@@ -108,38 +108,38 @@ export default function StockSearchModal({ children }: StockSearchModalProps) {
     <Dialog>
       <DialogTrigger asChild>{children}</DialogTrigger>
       <DialogContent
-        className="flex h-3/5 min-h-[400px] w-md flex-col gap-3 rounded-2xl bg-neutral-50 p-6"
+        className="flex h-3/5 min-h-[400px] w-md flex-col gap-3 rounded-2xl bg-card p-6"
         showCloseButton={false}
       >
         <header className="flex items-center justify-between">
-          <DialogTitle className="font-semibold text-2xl text-neutral-900">
+          <DialogTitle className="font-semibold text-2xl text-foreground">
             {t("home.search.title")}
           </DialogTitle>
           <DialogClose asChild>
             <Button size="icon" variant="ghost" className="cursor-pointer">
-              <X className="size-6 text-neutral-400" />
+              <X className="size-6 text-muted-foreground" />
             </Button>
           </DialogClose>
         </header>
 
         {/* Search Input */}
-        <div className="flex items-center gap-4 rounded-lg bg-white px-4 py-2 focus-within:ring-neutral-600! hover:ring-1 hover:ring-neutral-200">
-          <Search className="size-5 text-neutral-400" />
+        <div className="flex items-center gap-4 rounded-lg bg-background px-4 py-2 focus-within:ring-2 focus-within:ring-ring/50 hover:ring-1 hover:ring-border">
+          <Search className="size-5 text-muted-foreground" />
           <Input
             onChange={(e) => setQuery(e.target.value)}
             placeholder={t("home.search.placeholder")}
-            className="border-none bg-transparent p-0 text-neutral-900 text-sm shadow-none placeholder:text-neutral-400 focus-visible:ring-0 focus-visible:ring-offset-0"
+            className="border-none bg-transparent p-0 text-foreground text-sm shadow-none placeholder:text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0"
           />
         </div>
 
         {/* Search Results */}
         <div className="scroll-container">
           {isLoading ? (
-            <p className="p-4 text-center text-neutral-400 text-sm">
+            <p className="p-4 text-center text-muted-foreground text-sm">
               {t("home.search.searching")}
             </p>
           ) : filteredStockList && filteredStockList.length > 0 ? (
-            <div className="rounded-lg bg-white py-2">
+            <div className="rounded-lg bg-background py-2">
               {filteredStockList.map((stock) => (
                 <StockItem key={stock.ticker} stock={stock} />
               ))}
@@ -149,7 +149,7 @@ export default function StockSearchModal({ children }: StockSearchModalProps) {
             !isLoading &&
             stockList &&
             filteredStockList.length === 0 && (
-              <p className="p-4 text-center text-neutral-400 text-sm">
+              <p className="p-4 text-center text-muted-foreground text-sm">
                 {t("home.search.noResults")}
               </p>
             )
diff --git a/frontend/src/app/home/home.tsx b/frontend/src/app/home/home.tsx
index 2a99d2641..e016e9a35 100644
--- a/frontend/src/app/home/home.tsx
+++ b/frontend/src/app/home/home.tsx
@@ -1,8 +1,16 @@
+import { useTheme } from "next-themes";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router";
 import { useAllPollTaskList } from "@/api/conversation";
-import { IconGroupPng, MessageGroupPng, TrendPng } from "@/assets/png";
+import {
+  IconGroupDarkPng,
+  IconGroupPng,
+  MessageGroupDarkPng,
+  MessageGroupPng,
+  TrendDarkPng,
+  TrendPng,
+} from "@/assets/png";
 import { AutoTrade, NewsPush, ResearchReport } from "@/assets/svg";
 import TradingViewTickerTape from "@/components/tradingview/tradingview-ticker-tape";
 import SvgIcon from "@/components/valuecell/icon/svg-icon";
@@ -21,6 +29,7 @@ const INDEX_SYMBOLS = [
 
 function Home() {
   const { t, i18n } = useTranslation();
+  const { resolvedTheme } = useTheme();
   const navigate = useNavigate();
   const [inputValue, setInputValue] = useState<string>("");
 
@@ -30,33 +39,47 @@ function Home() {
     navigate(`/agent/${agentId}`);
   };
 
+  const isDark = resolvedTheme === "dark";
+
   const suggestions = [
     {
       id: "ResearchAgent",
       title: t("home.suggestions.research.title"),
       icon: <SvgIcon name={ResearchReport} />,
       description: t("home.suggestions.research.description"),
-      bgColor:
-        "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#E7EFFF]/70 to-[100%]",
-      decorativeGraphics: <img src={IconGroupPng} alt="IconGroup" />,
+      bgColor: isDark
+        ? "bg-gradient-to-r from-[#111827]/80 from-[5.05%] to-[#1D4ED8]/35 to-[100%]"
+        : "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#E7EFFF]/70 to-[100%]",
+      decorativeGraphics: (
+        <img src={isDark ? IconGroupDarkPng : IconGroupPng} alt="IconGroup" />
+      ),
     },
     {
       id: "StrategyAgent",
       title: t("home.suggestions.strategy.title"),
       icon: <SvgIcon name={AutoTrade} />,
       description: t("home.suggestions.strategy.description"),
-      bgColor:
-        "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#EAE8FF]/70 to-[100%]",
-      decorativeGraphics: <img src={TrendPng} alt="Trend" />,
+      bgColor: isDark
+        ? "bg-gradient-to-r from-[#111827]/80 from-[5.05%] to-[#7C3AED]/30 to-[100%]"
+        : "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#EAE8FF]/70 to-[100%]",
+      decorativeGraphics: (
+        <img src={isDark ? TrendDarkPng : TrendPng} alt="Trend" />
+      ),
     },
     {
       id: "NewsAgent",
       title: t("home.suggestions.news.title"),
       icon: <SvgIcon name={NewsPush} />,
       description: t("home.suggestions.news.description"),
-      bgColor:
-        "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#FFE7FD]/70 to-[100%]",
-      decorativeGraphics: <img src={MessageGroupPng} alt="MessageGroup" />,
+      bgColor: isDark
+        ? "bg-gradient-to-r from-[#111827]/80 from-[5.05%] to-[#DB2777]/25 to-[100%]"
+        : "bg-gradient-to-r from-[#FFFFFF]/70 from-[5.05%] to-[#FFE7FD]/70 to-[100%]",
+      decorativeGraphics: (
+        <img
+          src={isDark ? MessageGroupDarkPng : MessageGroupPng}
+          alt="MessageGroup"
+        />
+      ),
     },
   ];
 
@@ -66,6 +89,7 @@ function Home() {
         <section className="flex w-full flex-1 flex-col items-center justify-between gap-4">
           <TradingViewTickerTape
             symbols={INDEX_SYMBOLS}
+            theme={resolvedTheme === "dark" ? "dark" : "light"}
             locale={i18n.language}
           />
 
@@ -86,13 +110,14 @@ function Home() {
           />
         </section>
       ) : (
-        <section className="flex w-full flex-1 flex-col items-center gap-8 rounded-lg bg-white px-6 pt-12">
+        <section className="flex w-full flex-1 flex-col items-center gap-8 rounded-lg bg-card px-6 pt-12">
           <TradingViewTickerTape
             symbols={INDEX_SYMBOLS}
+            theme={resolvedTheme === "dark" ? "dark" : "light"}
             locale={i18n.language}
           />
 
-          <h1 className="mt-16 font-medium text-3xl text-gray-950">
+          <h1 className="mt-16 font-medium text-3xl text-foreground">
             {t("home.hello")}
           </h1>
 
diff --git a/frontend/src/app/home/stock.tsx b/frontend/src/app/home/stock.tsx
index 22b2018c5..b32036d44 100644
--- a/frontend/src/app/home/stock.tsx
+++ b/frontend/src/app/home/stock.tsx
@@ -1,4 +1,5 @@
 import BackButton from "@valuecell/button/back-button";
+import { useTheme } from "next-themes";
 import { memo } from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate, useParams } from "react-router";
@@ -6,18 +7,16 @@ import { useGetStockDetail, useRemoveStockFromWatchlist } from "@/api/stock";
 import TradingViewAdvancedChart from "@/components/tradingview/tradingview-advanced-chart";
 import { Button } from "@/components/ui/button";
 import LinkButton from "@/components/valuecell/button/link-button";
-import { useIsLoggedIn } from "@/store/system-store";
 import type { Route } from "./+types/stock";
 
 function Stock() {
   const { t, i18n } = useTranslation();
+  const { resolvedTheme } = useTheme();
   const { stockId } = useParams<Route.LoaderArgs["params"]>();
   const navigate = useNavigate();
   // Use stockId as ticker to fetch real data from API
   const ticker = stockId || "";
 
-  const isLoggedIn = useIsLoggedIn();
-
   // Fetch stock detail data
   const {
     data: stockDetailData,
@@ -43,7 +42,9 @@ function Stock() {
   if (isDetailLoading) {
     return (
       <div className="flex h-96 items-center justify-center">
-        <div className="text-gray-500 text-lg">{t("home.stock.loading")}</div>
+        <div className="text-lg text-muted-foreground">
+          {t("home.stock.loading")}
+        </div>
       </div>
     );
   }
@@ -60,16 +61,16 @@ function Stock() {
   }
 
   return (
-    <div className="flex h-full flex-col gap-8 bg-white px-8 py-6">
+    <div className="flex h-full flex-col gap-8 bg-card px-8 py-6">
       <div className="flex flex-col gap-4">
         <BackButton />
         <div className="flex items-center gap-2">
-          <span className="font-bold text-lg">
+          <span className="font-bold text-foreground text-lg">
             {stockDetailData?.display_name ?? ticker}
           </span>
           <Button
             variant="secondary"
-            className="ml-auto text-neutral-400"
+            className="ml-auto text-muted-foreground"
             onClick={handleRemoveStock}
             disabled={isRemovingStock}
           >
@@ -87,7 +88,7 @@ function Stock() {
           ticker={ticker}
           interval="D"
           minHeight={420}
-          theme="light"
+          theme={resolvedTheme === "dark" ? "dark" : "light"}
           locale={i18n.language}
           timezone="UTC"
         />
@@ -98,7 +99,7 @@ function Stock() {
         <h2 className="font-bold text-lg">{t("home.stock.about")}</h2>
 
         {stockDetailData?.properties.business_summary && (
-          <p className="line-clamp-4 text-neutral-500 text-sm leading-6">
+          <p className="line-clamp-4 text-muted-foreground text-sm leading-6">
             {stockDetailData?.properties?.business_summary}
           </p>
         )}
@@ -128,7 +129,7 @@ function Stock() {
                 </span>
                 <LinkButton
                   url={stockDetailData.properties.website}
-                  className="ml-2 text-blue-600"
+                  className="ml-2 text-primary"
                 >
                   {stockDetailData.properties.website}
                 </LinkButton>
diff --git a/frontend/src/app/market/agents.tsx b/frontend/src/app/market/agents.tsx
index 644c7a6b6..35e220ee2 100644
--- a/frontend/src/app/market/agents.tsx
+++ b/frontend/src/app/market/agents.tsx
@@ -13,7 +13,7 @@ export default function AgentMarket() {
   }
 
   return (
-    <div className="flex size-full flex-col items-center justify-start gap-8 pt-8">
+    <div className="flex size-full flex-col items-center justify-start gap-8 bg-card pt-8">
       {/* Page Title */}
       <h1 className="w-full text-center font-medium text-3xl leading-7">
         {t("market.title")}
diff --git a/frontend/src/app/market/components/agent-card.tsx b/frontend/src/app/market/components/agent-card.tsx
index 1f1e46e5b..b1a63062a 100644
--- a/frontend/src/app/market/components/agent-card.tsx
+++ b/frontend/src/app/market/components/agent-card.tsx
@@ -16,9 +16,9 @@ export const AgentCard: FC<AgentCardProps> = ({
     <div
       className={cn(
         "box-border flex w-full cursor-pointer flex-col gap-5 p-6",
-        "rounded-2xl border border-gray-200 bg-white shadow-sm",
+        "rounded-2xl border border-border bg-card shadow-sm",
         "transition-all duration-300",
-        "hover:-translate-y-0.5 hover:border-gray-300 hover:shadow-md",
+        "hover:-translate-y-0.5 hover:border-border hover:shadow-md",
         className,
       )}
       {...props}
@@ -31,13 +31,13 @@ export const AgentCard: FC<AgentCardProps> = ({
         </div>
 
         {/* Name */}
-        <h3 className="line-clamp-1 font-semibold text-gray-900 text-lg leading-6">
+        <h3 className="line-clamp-1 font-semibold text-foreground text-lg leading-6">
           {agent.display_name}
         </h3>
       </div>
 
       {/* Description */}
-      <p className="line-clamp-3 w-full text-gray-600 text-sm leading-6">
+      <p className="line-clamp-3 w-full text-muted-foreground text-sm leading-6">
         {agent.description}
       </p>
     </div>
diff --git a/frontend/src/app/rank/board.tsx b/frontend/src/app/rank/board.tsx
index 396212588..ab5334e58 100644
--- a/frontend/src/app/rank/board.tsx
+++ b/frontend/src/app/rank/board.tsx
@@ -41,7 +41,7 @@ export default function RankBoard() {
     if (rank === 1) return <Rank1Icon />;
     if (rank === 2) return <Rank2Icon />;
     if (rank === 3) return <Rank3Icon />;
-    return <span className="text-gray-950 text-sm">{rank}</span>;
+    return <span className="text-foreground text-sm">{rank}</span>;
   };
 
   const handleViewStrategy = (strategyId: number) => {
@@ -49,7 +49,7 @@ export default function RankBoard() {
   };
 
   return (
-    <div className="flex size-full flex-col p-6">
+    <div className="flex size-full flex-col bg-card p-6">
       <Card className="border-none p-0 shadow-none">
         <CardHeader className="flex flex-row items-center justify-between px-0">
           <CardTitle className="font-bold text-xl">{t("rank.title")}</CardTitle>
@@ -88,7 +88,7 @@ export default function RankBoard() {
                   </TableRow>
                 ) : (
                   strategies?.map((strategy, index) => (
-                    <TableRow key={strategy.id} className="hover:bg-gray-50/50">
+                    <TableRow key={strategy.id} className="hover:bg-muted/50">
                       <TableCell className="font-medium">
                         <div className="flex w-8 items-center justify-center">
                           {getRankIcon(index + 1)}
diff --git a/frontend/src/app/rank/components/strategy-remote-modal.tsx b/frontend/src/app/rank/components/strategy-remote-modal.tsx
index 643040725..3baa38e37 100644
--- a/frontend/src/app/rank/components/strategy-remote-modal.tsx
+++ b/frontend/src/app/rank/components/strategy-remote-modal.tsx
@@ -85,13 +85,13 @@ const StrategyRemoteModal: FC<StrategyRemoteModalProps> = ({ ref }) => {
                   >
                     {numberFixed(strategyDetail.return_rate_pct, 2)}%
                   </div>
-                  <div className="text-gray-500 text-sm">
+                  <div className="text-muted-foreground text-sm">
                     {t("strategy.detail.returnRate")}
                   </div>
                 </div>
               </div>
 
-              <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-sm [&>p]:text-gray-500 [&>span]:text-right">
+              <div className="grid grid-cols-[auto_1fr] gap-y-2 text-nowrap text-sm [&>p]:text-muted-foreground [&>span]:text-right">
                 <p>{t("strategy.detail.strategyType")}</p>
                 <span>
                   {t(`strategy.types.${strategyDetail.strategy_type}`)}
@@ -119,10 +119,10 @@ const StrategyRemoteModal: FC<StrategyRemoteModalProps> = ({ ref }) => {
               </div>
 
               <div className="gap-2">
-                <span className="text-gray-500 text-sm">
+                <span className="text-muted-foreground text-sm">
                   {t("strategy.detail.prompt")}
                 </span>
-                <p className="rounded-md bg-gray-50 p-3 text-gray-700 text-sm">
+                <p className="rounded-md bg-muted p-3 text-foreground text-sm">
                   {strategyDetail.prompt}
                 </p>
               </div>
diff --git a/frontend/src/app/setting/_layout.tsx b/frontend/src/app/setting/_layout.tsx
index 51b350009..e5d911f25 100644
--- a/frontend/src/app/setting/_layout.tsx
+++ b/frontend/src/app/setting/_layout.tsx
@@ -36,11 +36,11 @@ export default function SettingLayout() {
   ];
 
   return (
-    <div className="flex size-full overflow-hidden bg-gray-100">
+    <div className="flex size-full overflow-hidden bg-muted">
       {/* Left navigation */}
-      <aside className="flex w-52 flex-col gap-4 rounded-tl-xl rounded-bl-xl bg-white px-6 py-8">
+      <aside className="flex w-52 flex-col gap-4 rounded-tl-xl rounded-bl-xl bg-card px-6 py-8">
         <div className="flex flex-col gap-4">
-          <h2 className="font-bold text-gray-950 text-xl">
+          <h2 className="font-bold text-foreground text-xl">
             {t("settings.title")}
           </h2>
 
@@ -55,8 +55,7 @@ export default function SettingLayout() {
                   variant={isActive ? "muted" : "default"}
                   size="sm"
                   className={cn(
-                    "cursor-pointer px-3 py-2.5",
-                    isActive ? "bg-gray-100" : "bg-white hover:bg-gray-50",
+                    "cursor-pointer px-3 py-2.5 hover:bg-accent/50",
                   )}
                   asChild
                 >
@@ -76,7 +75,7 @@ export default function SettingLayout() {
       </aside>
 
       {/* Right content area */}
-      <main className="flex flex-1 overflow-hidden rounded-tr-xl rounded-br-xl bg-white">
+      <main className="flex flex-1 overflow-hidden rounded-tr-xl rounded-br-xl bg-card">
         <Outlet />
       </main>
     </div>
diff --git a/frontend/src/app/setting/components/memory/memory-item-card.tsx b/frontend/src/app/setting/components/memory/memory-item-card.tsx
index 835d18814..6f417fdb6 100644
--- a/frontend/src/app/setting/components/memory/memory-item-card.tsx
+++ b/frontend/src/app/setting/components/memory/memory-item-card.tsx
@@ -26,7 +26,7 @@ export function MemoryItemCard({ item, onDelete }: MemoryItemCardProps) {
   return (
     <Item variant="outline" className="rounded-xl">
       <ItemContent>
-        <ItemDescription className="line-clamp-none text-base text-gray-950">
+        <ItemDescription className="line-clamp-none text-base text-foreground">
           {item.content}
         </ItemDescription>
       </ItemContent>
@@ -36,9 +36,9 @@ export function MemoryItemCard({ item, onDelete }: MemoryItemCardProps) {
             <Button
               variant="ghost"
               size="icon"
-              className="size-8 shrink-0 hover:bg-gray-100"
+              className="size-8 shrink-0 hover:bg-muted"
             >
-              <MoreVertical className="size-5 text-gray-950" />
+              <MoreVertical className="size-5 text-foreground" />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
diff --git a/frontend/src/app/setting/components/models/model-detail.tsx b/frontend/src/app/setting/components/models/model-detail.tsx
index 156e3d7bd..4a9d38cc2 100644
--- a/frontend/src/app/setting/components/models/model-detail.tsx
+++ b/frontend/src/app/setting/components/models/model-detail.tsx
@@ -148,7 +148,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
 
   if (detailLoading) {
     return (
-      <div className="text-gray-400 text-sm">
+      <div className="text-muted-foreground text-sm">
         {t("settings.models.loading")}
       </div>
     );
@@ -161,11 +161,11 @@ export function ModelDetail({ provider }: ModelDetailProps) {
   return (
     <div className="scroll-container flex flex-1 flex-col px-8">
       <div className="mb-4 flex items-center justify-between">
-        <p className="font-semibold text-gray-950 text-lg">
+        <p className="font-semibold text-foreground text-lg">
           {t(`strategy.providers.${provider}`) || provider}
         </p>
         <div className="flex items-center gap-2">
-          <p className="font-semibold text-base text-gray-700">
+          <p className="font-semibold text-base text-muted-foreground">
             {t("settings.models.defaultProvider")}
           </p>
           <Switch
@@ -181,7 +181,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
           <FieldGroup>
             <configForm.Field name="api_key">
               {(field) => (
-                <Field className="text-gray-950">
+                <Field className="text-foreground">
                   <FieldLabel
                     htmlFor="api_key"
                     className="font-medium text-base"
@@ -264,7 +264,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
                     </div>
                   )}
                   <LinkButton
-                    className="w-fit! hover:text-gray-700"
+                    className="w-fit! hover:text-foreground"
                     url={providerDetail.api_key_url}
                   >
                     {t("settings.models.getApiKey")}
@@ -277,7 +277,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
             {/* API Host section */}
             <configForm.Field name="base_url">
               {(field) => (
-                <Field className="text-gray-950">
+                <Field className="text-foreground">
                   <FieldLabel className="font-medium text-base">
                     {t("settings.models.apiHost")}
                   </FieldLabel>
@@ -302,7 +302,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
           {/* Models section */}
           <div className="flex flex-col gap-2">
             <div className="flex items-center justify-between">
-              <div className="font-medium text-base text-gray-950">
+              <div className="font-medium text-base text-foreground">
                 {t("settings.models.models")}
               </div>
               <Dialog open={isAddDialogOpen} onOpenChange={setIsAddDialogOpen}>
@@ -310,7 +310,7 @@ export function ModelDetail({ provider }: ModelDetailProps) {
                   <Button
                     variant="outline"
                     size="sm"
-                    className="h-8 border-gray-200 px-2.5 font-semibold text-gray-700 text-sm"
+                    className="h-8 border-border px-2.5 font-semibold text-muted-foreground text-sm"
                     disabled={isBusy}
                   >
                     <Plus className="size-4" />
@@ -397,17 +397,17 @@ export function ModelDetail({ provider }: ModelDetailProps) {
             </div>
 
             {providerDetail.models.length === 0 ? (
-              <div className="rounded-lg border border-gray-200 border-dashed p-4 text-gray-400 text-sm">
+              <div className="rounded-lg border border-border border-dashed p-4 text-muted-foreground text-sm">
                 {t("settings.models.noModels")}
               </div>
             ) : (
-              <div className="flex flex-col gap-2 rounded-lg border border-gray-200 bg-white p-3">
+              <div className="flex flex-col gap-2 rounded-lg border border-border bg-card p-3">
                 {providerDetail.models.map((m) => (
                   <div
                     key={m.model_id}
                     className="flex items-center justify-between"
                   >
-                    <span className="font-normal text-gray-950 text-sm">
+                    <span className="font-normal text-foreground text-sm">
                       {m.model_name}
                     </span>
 
diff --git a/frontend/src/app/setting/components/models/model-providers.tsx b/frontend/src/app/setting/components/models/model-providers.tsx
index 58f3734ef..f278759d4 100644
--- a/frontend/src/app/setting/components/models/model-providers.tsx
+++ b/frontend/src/app/setting/components/models/model-providers.tsx
@@ -20,13 +20,13 @@ export function ModelProviders({
 
   return (
     <div className="flex flex-col gap-4 overflow-hidden *:px-6">
-      <h2 className="font-semibold text-gray-950 text-lg">
+      <h2 className="font-semibold text-foreground text-lg">
         {t("settings.models.title")}
       </h2>
 
       <ItemGroup className="scroll-container">
         {providers.length === 0 ? (
-          <div className="rounded-xl border border-gray-200 border-dashed px-4 py-6 text-center text-gray-400 text-sm">
+          <div className="rounded-xl border border-border border-dashed px-4 py-6 text-center text-muted-foreground text-sm">
             {t("settings.models.noProviders")}
           </div>
         ) : (
@@ -38,7 +38,7 @@ export function ModelProviders({
                 size="sm"
                 className={cn(
                   "cursor-pointer px-3 py-2.5",
-                  isActive ? "bg-gray-100" : "bg-white hover:bg-gray-50",
+                  isActive ? "bg-muted" : "bg-card hover:bg-muted",
                 )}
                 key={provider.provider}
                 onClick={() => onSelect(provider.provider)}
@@ -56,7 +56,7 @@ export function ModelProviders({
                     {t(`strategy.providers.${provider.provider}`) ||
                       provider.provider}
                   </span>
-                  <span className="font-normal text-gray-500 text-xs">
+                  <span className="font-normal text-muted-foreground text-xs">
                     {provider.provider}
                   </span>
                 </div>
diff --git a/frontend/src/app/setting/general.tsx b/frontend/src/app/setting/general.tsx
index a5dbde0c1..c2661deff 100644
--- a/frontend/src/app/setting/general.tsx
+++ b/frontend/src/app/setting/general.tsx
@@ -1,3 +1,4 @@
+import { useTheme } from "next-themes";
 import { useTranslation } from "react-i18next";
 import { useSignOut } from "@/api/system";
 import { Badge } from "@/components/ui/badge";
@@ -32,6 +33,7 @@ import { useIsLoggedIn, useSystemInfo } from "@/store/system-store";
 
 export default function GeneralPage() {
   const { t } = useTranslation();
+  const { theme, setTheme } = useTheme();
   const stockColorMode = useStockColorMode();
   const language = useLanguage();
   const { setStockColorMode, setLanguage } = useSettingsActions();
@@ -44,10 +46,8 @@ export default function GeneralPage() {
   return (
     <div className="flex flex-1 flex-col gap-4 p-10">
       <div className="flex flex-col gap-1.5">
-        <h1 className="font-bold text-gray-950 text-xl">
-          {t("general.title")}
-        </h1>
-        <p className="font-normal text-gray-500 text-sm">
+        <h1 className="font-bold text-xl">{t("general.title")}</h1>
+        <p className="font-normal text-muted-foreground text-sm">
           {t("general.description")}
         </p>
       </div>
@@ -56,7 +56,7 @@ export default function GeneralPage() {
         {isTauriApp && (
           <Field orientation="horizontal">
             <FieldContent>
-              <FieldTitle className="font-medium text-base text-gray-950">
+              <FieldTitle className="font-medium text-base">
                 {t("general.account.title")}
               </FieldTitle>
               <FieldDescription>
@@ -81,7 +81,7 @@ export default function GeneralPage() {
 
         <Field orientation="horizontal">
           <FieldContent>
-            <FieldTitle className="font-medium text-base text-gray-950">
+            <FieldTitle className="font-medium text-base">
               {t("general.language.title")}
             </FieldTitle>
             <FieldDescription>
@@ -106,7 +106,37 @@ export default function GeneralPage() {
 
         <Field orientation="horizontal">
           <FieldContent>
-            <FieldTitle className="font-medium text-base text-gray-950">
+            <FieldTitle className="font-medium text-base">
+              {t("general.theme.title")}
+            </FieldTitle>
+            <FieldDescription>
+              {t("general.theme.description")}
+            </FieldDescription>
+          </FieldContent>
+          <Select
+            value={theme ?? "system"}
+            onValueChange={(value) => setTheme(value)}
+          >
+            <SelectTrigger className="w-[280px]">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="system">
+                {t("general.theme.options.system")}
+              </SelectItem>
+              <SelectItem value="light">
+                {t("general.theme.options.light")}
+              </SelectItem>
+              <SelectItem value="dark">
+                {t("general.theme.options.dark")}
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </Field>
+
+        <Field orientation="horizontal">
+          <FieldContent>
+            <FieldTitle className="font-medium text-base">
               {t("general.quotesColor.title")}
             </FieldTitle>
             <FieldDescription>
@@ -121,14 +151,14 @@ export default function GeneralPage() {
             }
           >
             <FieldLabel
-              className="flex cursor-pointer items-center space-x-3 text-nowrap rounded-lg border border-gray-200 p-3"
+              className="flex cursor-pointer items-center space-x-3 text-nowrap rounded-lg border border-border p-3"
               htmlFor="green-up"
             >
               <RadioGroupItem value="GREEN_UP_RED_DOWN" id="green-up" />
               {t("general.quotesColor.greenUpRedDown")}
             </FieldLabel>
             <FieldLabel
-              className="flex cursor-pointer items-center space-x-3 text-nowrap rounded-lg border border-gray-200 p-3"
+              className="flex cursor-pointer items-center space-x-3 text-nowrap rounded-lg border border-border p-3"
               htmlFor="red-up"
             >
               <RadioGroupItem value="RED_UP_GREEN_DOWN" id="red-up" />
@@ -139,7 +169,7 @@ export default function GeneralPage() {
 
         {isTauriApp && (
           <Field orientation="responsive">
-            <FieldTitle className="flex items-center gap-2 font-medium text-base text-gray-950">
+            <FieldTitle className="flex items-center gap-2 font-medium text-base">
               {t("general.updates.title")}
               {appVersion && <Badge variant="secondary">v{appVersion}</Badge>}
             </FieldTitle>
diff --git a/frontend/src/app/setting/memory.tsx b/frontend/src/app/setting/memory.tsx
index 47c33c4b1..9629a8c51 100644
--- a/frontend/src/app/setting/memory.tsx
+++ b/frontend/src/app/setting/memory.tsx
@@ -15,14 +15,14 @@ export default function MemoryPage() {
     return (
       <div className="flex flex-col gap-5 px-16 py-10">
         <div className="flex flex-col gap-1.5">
-          <h1 className="font-bold text-gray-950 text-xl">
+          <h1 className="font-bold text-foreground text-xl">
             {t("settings.memory.title")}
           </h1>
-          <p className="text-base text-gray-400 leading-[22px]">
+          <p className="text-base text-muted-foreground leading-[22px]">
             {t("settings.memory.description")}
           </p>
         </div>
-        <div className="flex items-center justify-center py-12 text-gray-400">
+        <div className="flex items-center justify-center py-12 text-muted-foreground">
           {t("settings.memory.loading")}
         </div>
       </div>
@@ -33,10 +33,10 @@ export default function MemoryPage() {
     <div className="flex flex-col gap-5 px-16 py-10">
       {/* Title section */}
       <div className="flex flex-col gap-1.5">
-        <h1 className="font-bold text-gray-950 text-xl">
+        <h1 className="font-bold text-foreground text-xl">
           {t("settings.memory.title")}
         </h1>
-        <p className="text-base text-gray-400 leading-[22px]">
+        <p className="text-base text-muted-foreground leading-[22px]">
           {t("settings.memory.description")}
         </p>
       </div>
@@ -44,7 +44,7 @@ export default function MemoryPage() {
       {/* Memory list */}
       <div className="flex flex-1 flex-col gap-4 overflow-y-auto">
         {memories.length === 0 ? (
-          <div className="flex items-center justify-center py-12 text-gray-400">
+          <div className="flex items-center justify-center py-12 text-muted-foreground">
             {t("settings.memory.noMemories")}
           </div>
         ) : (
diff --git a/frontend/src/assets/png/icon-group-dark.png b/frontend/src/assets/png/icon-group-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..99e63b08ddc4d0276e3d42d17d64c99b8895407f
GIT binary patch
literal 11139
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%0A?LgUO
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
Vg8*lJ@y)da26s(#>a<)E{s#fTMic-5

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/index.ts b/frontend/src/assets/png/index.ts
index afa19c9d1..f305cb590 100644
--- a/frontend/src/assets/png/index.ts
+++ b/frontend/src/assets/png/index.ts
@@ -30,7 +30,9 @@ export { default as HyperliquidPng } from "./exchanges/hyperliquid.png";
 export { default as MexcPng } from "./exchanges/mexc.png";
 export { default as OkxPng } from "./exchanges/okx.png";
 export { default as IconGroupPng } from "./icon-group.png";
+export { default as IconGroupDarkPng } from "./icon-group-dark.png";
 export { default as MessageGroupPng } from "./message-group.png";
+export { default as MessageGroupDarkPng } from "./message-group-dark.png";
 export { default as AzurePng } from "./model-providers/azure.png";
 export { default as DashScopePng } from "./model-providers/dashscope.png";
 export { default as DeepSeekPng } from "./model-providers/deepseek.png";
@@ -41,3 +43,4 @@ export { default as OpenRouterPng } from "./model-providers/openrouter.png";
 export { default as SiliconFlowPng } from "./model-providers/siliconflow.png";
 
 export { default as TrendPng } from "./trend.png";
+export { default as TrendDarkPng } from "./trend-dark.png";
diff --git a/frontend/src/assets/png/message-group-dark.png b/frontend/src/assets/png/message-group-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..07d98570d96b7eafe9ac81b30e4eadf5a5c420d3
GIT binary patch
literal 3064
zcmbtWc{r478-It7>1#AvzJ@GA=akUcl8_~3DND)V7~5EetYwPIZj95JP6#DrD``r|
zF8dl|m<omDSQAQ3GG(%S_}-a$N1gw^>pFkD@Acl-bKk$;{kz}ixu5&b)2EJa*(|Xc
z0Dvu~CycNF022qlhc^j>?*dX|IshP=OpT7(1ml?_z32Zj`OlS!DI<5IeWHpjd#m?c
zyb<JjS@!b%?M`Gf*E0l(9e2vFDPMJdE3hWhm|AX`9#$bp8ZXQ2o)G|k#Q{LW|NW58
zDo}M(u-Rq`-PGh%Y?q$`RT+4lFP-n4pOrrn+Ba%!PdY144aZQ!-3(je`<_qdvcKq|
zWUClE88ap@lH;Pe&QcV{0H0cr5)hvwSY@LlUYlMDXy3x>m)6K84YgYiS$o1*6J0{4
z4Pko;FqT{3QTNJ>fXFTn*o8-;{St;k2bKyOvX%>Atm<Kj5312|=~ZSZ*#vCYYnp6y
zT%&i?I<rKWKEY~?MQ)?#H-7Qyb}t+R?Q2g!`%`CVA?(69dz0ihf4u=f+o{q2f#AOm
zgq5QGNKz@0f6f!NG84XkpLz9kZsy3k7A#<y7^*ckvU*0kwzXgZC-|;M9FH4u($5^k
zsalSB`(CcF48$d97$6T<YY#dRA5$~pI9_*SV)IjL9VA?@Pp)PyD0Xp3ds>XoFOaFT
zfjUgvWXS1d8SuIXZ*0#)kXPDF-11}bEx`w48&F<pXEi|Bk{E+j&ey;Dsuc*tgzTe1
zfYM0a_w5U_9eqQOv<o{VWZ}}oQuW>xKTHJtK^aF<5b<?hYOVjl;O-9-!TRVqRDkj=
z9=G6=W*!L4(Unt)_v0j`5?)9%iYH0S6~P0QDiPwPfE*O~SSn0E3Wxhg^I$UkEWKEl
zbk$KYkO*z|vTZcFxQu||d1`i`HB)5<JuZ~<z^$5EZ`Yf@h-=3|s(iccRE}V@)lmd~
z8CJc9_pjC^#qf(1)z<K`Nm3iCbDmx}W;J`S7tI}F5L?)v*~!pR3xVSE8t!z~eS3zB
z^W^E89yiu0Z0Ct}Ca8F^*kHO486=T{?J7Wup7`9)@sg+39~9o?!FK0_Cu18AaSZNm
zNycVNaCQr~v}Otkx|9~0t^@e<(9~p=_}v1#-Y|Qcqz8bIWUT%n;eUI4vszgRplBE<
zJGHwCt__TyTI~mFoU+@){X}-s$1^UmAFlb5!j-Gc{14C{Tq+CkJ9yDf@STm>Qkz_i
zk+0YhAIn=p^w|Bo_RN32#ptu&lIRkVHz0nPh*&U$hmB1sp<E@E?bO4wfU46ji-nTr
z@AIb~X8V%P)`WN2H2rp3Gh<oEbabs9TWMHn-ko~xN--{32<VCZM^E7DOml9i))qKA
zhjI>%c5_A<IbZiL?08?AGme@)qrO5nDP)kpI~C#dH8%sptu8~R?>t-9C%n`XjTXJs
zOOz3#t)fx8Z}*5sfw2|DDf0d58>TPFs6%3Veyi(zXklu9ch<0yb~@TZ-!C93M(BuA
zWRu2AH-TN}3z8E-i}mXM;B}QDm%?tc&&0}#@?j&{g5}nI-R?I^T^$zJc*oo{EbgMc
zsuD5mcV@@{n&6DGK#Vo<j(RW8L^QPpYe~K6SXue{VdDGOJ5iY=%?K^M%(>5z<w)lV
zTOPpTm)6;7)<heP95QQSU6&h?Zpd3W_=i~gG}%vS#G|4Emn!t?7$JDu0@lu4@Y(tL
zrgFToPeQ3O;=vW#mtU$wTd)f?S!_kKjmR8NSW!;HwU@k1;wOx~tw?^}#rJ+dg=6BW
zvuB_D9AqWa<KsrsPO0CKt4FKFq@g69#%f6g_r!kePk2;m9q7$xycgVye2rU1T2T3Z
z83p*+vfgpMhm^^s;CjdU8k->k_>+8c)O2Nam}&!_EfqcD=)^3x_{TC=2X7Hk`YC>{
zaF2(46v47r{Dfg|HuRA`ZDeh5i4R+^%?^?a=uju9rSUOUe2ZOnzMogrq5Y7}JRi6e
zeNs-7p8~$Em?$@Q0}M;q2y@?P4;z%fe7keL_}iQba)WNu>TzDn_z@;5W8UP|dAn5H
zoG(Re9_kZ6fY_08b1(l!cTJ30g5u{h>J+AZvufsNkd1nnh4fFrIvad>RmbAFjRD$Q
z)bO(+Tj`(ddCbYIK5^N^H#d2?$xkKCs1Bwb=W<xaQp0^jw$ZQtmHRtp(Wf*yA^xbq
zu86)h_Xw1Hk$VX&ihBfRS(s@@LY{%}SVcMgDLIAlczcFO*`us?1M+H!QS49sA}LmA
zodPzDmRk%H+*T`@e2qVl!^c*8qQ5&IY9;3}`bAv!H7oUr>3^iP+A?T3)z?$j50)#*
zwQu@VPO#W2DV(c3v@s}le@c8A0ECwQqbFi@#-J!Pcsu+;4&}KN-4nK4Ev4X)5aMCj
zqSW_XZY1d*%Jue7lR=Fff~XfcAY^)f$zBXWl#Wb8cHUofJB(13u~R<byRd&3_?3a!
zUNGXsw3b7tT5{T<Vq&Kklld4&s%AV+Lhhh@-*ViG*xF$^<8BBJ0|6}pZBC<?dv^=i
z_lxNVtYK)Njqe@UEpS`UC*gQGpf-$li^;C+$h9Y>F;brgkqpkL3{Cc844%DIQ9~ms
zU+34>!b2BV|2reIZ~UapDbbm_y0Jn-yWoCw!Wo#m#8X5;27|Ig5;6Tq@+9**+Xu;<
z_eRN@z%}6+h@#4%o4s7WAfnaZ+XILCaJ769zQiWt+(S+?;J|@y4ybX7p#pgbMT}|;
z^$KYDr_P|8E_AiG#ke0H<RI>PeeYbGH&@W%>b$4X@P=yqYMO(N28A7b5V18kCL>0S
zNsOn?HQR92#UVdSEMQaPh3B;Oq`EsMN8UcC@>6I=K|tW`SivcbxHLEcKw;nr0Hp@b
z01&p|6N4~bGBC%xdg$i@ZJcSM2T~Ns{9rM99lWnq`IYIwH!1c^+FpvILeA5JlhZ80
z42yFRiSn$S*3HYj(+jC&F3nC+xVQdBW!B@us8O01_&iq23DtJXmw$!x9V#ga)Uon+
z;3UB3xfgjwJtSnGoXUpFclD6e>|L>?kWTLSRLQTS-=`^y(QMA70r~SKTW_3x&Tj-K
zVHyzq49~?#;|!vp1#Ky8mo)+0QkGm{77F~sKkvN`460~+Rq4ys0VjIE)cBN9(J@!@
F{{Wldit_*f

literal 0
HcmV?d00001

diff --git a/frontend/src/assets/png/trend-dark.png b/frontend/src/assets/png/trend-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..05380416b3ca4ad8318c05eba21b5281719b32b0
GIT binary patch
literal 11980
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
U>2eL=Tk3mmtLq^1ZdyM7ANsz!ga7~l

literal 0
HcmV?d00001

diff --git a/frontend/src/components/valuecell/app/app-conversation-sheet.tsx b/frontend/src/components/valuecell/app/app-conversation-sheet.tsx
index 5ca70180b..8cfd001d3 100644
--- a/frontend/src/components/valuecell/app/app-conversation-sheet.tsx
+++ b/frontend/src/components/valuecell/app/app-conversation-sheet.tsx
@@ -50,11 +50,11 @@ const AppConversationSheet: FC<{ children: ReactNode }> = ({ children }) => {
 
         <SidebarMenu className="scroll-container gap-[5px] px-4">
           {isLoading ? (
-            <div className="px-2 py-4 text-center text-gray-400 text-sm">
+            <div className="px-2 py-4 text-center text-muted-foreground text-sm">
               {t("chat.conversationList.loading")}
             </div>
           ) : conversations.length === 0 ? (
-            <div className="px-2 py-4 text-center text-gray-400 text-sm">
+            <div className="px-2 py-4 text-center text-muted-foreground text-sm">
               {t("chat.conversationList.empty")}
             </div>
           ) : (
@@ -79,7 +79,7 @@ const AppConversationSheet: FC<{ children: ReactNode }> = ({ children }) => {
                           {conversation.title}
                         </span>
                       </div>
-                      <span className="w-full font-normal text-gray-400 text-xs leading-[18px]">
+                      <span className="w-full font-normal text-muted-foreground text-xs leading-[18px]">
                         {TimeUtils.formatUTC(
                           conversation.update_time,
                           TIME_FORMATS.DATE,
diff --git a/frontend/src/components/valuecell/app/app-sidebar.tsx b/frontend/src/components/valuecell/app/app-sidebar.tsx
index 0daf17028..3d3f1f0b5 100644
--- a/frontend/src/components/valuecell/app/app-sidebar.tsx
+++ b/frontend/src/components/valuecell/app/app-sidebar.tsx
@@ -60,12 +60,7 @@ interface SidebarMenuProps {
 
 const Sidebar: FC<SidebarProps> = ({ children, className }) => {
   return (
-    <div
-      className={cn(
-        "flex w-16 flex-col items-center bg-neutral-100",
-        className,
-      )}
-    >
+    <div className={cn("flex w-16 flex-col items-center bg-muted", className)}>
       {children}
     </div>
   );
@@ -112,14 +107,14 @@ const SidebarMenuItem: FC<SidebarItemProps> = ({
         "box-border flex size-10 items-center justify-center rounded-full",
         "cursor-pointer transition-all",
         type === "button" && [
-          "bg-neutral-200 p-3 text-gray-700",
-          "hover:data-[active=false]:bg-neutral-300",
-          "data-[active=true]:bg-black data-[active=true]:text-white",
+          "bg-muted p-3 text-muted-foreground",
+          "hover:data-[active=false]:bg-accent hover:data-[active=false]:text-accent-foreground",
+          "data-[active=true]:bg-primary data-[active=true]:text-primary-foreground",
         ],
         type === "agent" && [
-          "box-border border border-neutral-200 bg-white",
-          "hover:data-[active=false]:border-neutral-300",
-          "data-[active=true]:border-white data-[active=true]:shadow-[0_4px_12px_0_rgba(14,1,1,0.4)]",
+          "box-border border border-border bg-background",
+          "hover:data-[active=false]:border-ring/50",
+          "data-[active=true]:border-primary data-[active=true]:shadow-[0_4px_12px_0_rgba(0,0,0,0.25)]",
         ],
         className,
       )}
@@ -195,7 +190,7 @@ const AppSidebar: FC = () => {
   const verifyActive = (to: string) => prefix === to;
 
   return (
-    <Sidebar className="bg-gray-100">
+    <Sidebar>
       <SidebarHeader>
         <SidebarMenu>
           {navItems.home.map((item) => {
@@ -204,7 +199,7 @@ const AppSidebar: FC = () => {
                 <SidebarMenuItem
                   aria-label={item.label}
                   data-active={verifyActive(item.to)}
-                  className="bg-white p-2"
+                  className="p-2"
                 >
                   <SvgIcon name={item.icon} />
                 </SidebarMenuItem>
@@ -213,14 +208,14 @@ const AppSidebar: FC = () => {
           })}
 
           <AppConversationSheet>
-            <SidebarMenuItem className="cursor-pointer bg-white p-2 text-gray-700 hover:bg-neutral-300">
+            <SidebarMenuItem className="cursor-pointer p-2">
               <SvgIcon name={Conversation} className="size-6" />
             </SidebarMenuItem>
           </AppConversationSheet>
         </SidebarMenu>
       </SidebarHeader>
 
-      <Separator className="w-10! bg-white" />
+      <Separator className="w-10! bg-border" />
 
       <SidebarContent>
         <SidebarMenu className="py-3">
diff --git a/frontend/src/components/valuecell/button/tag-groups.tsx b/frontend/src/components/valuecell/button/tag-groups.tsx
index fc717eff7..a319dfb05 100644
--- a/frontend/src/components/valuecell/button/tag-groups.tsx
+++ b/frontend/src/components/valuecell/button/tag-groups.tsx
@@ -24,7 +24,7 @@ export const Tag = ({
   return (
     <span
       className={cn(
-        "flex w-fit items-center gap-2 text-nowrap rounded-md bg-gray-100 px-3 py-1 font-normal text-gray-700 text-xs",
+        "flex w-fit items-center gap-2 text-nowrap rounded-md bg-muted px-3 py-1 font-normal text-foreground text-xs",
         className,
       )}
     >
@@ -56,7 +56,7 @@ const TagGroups: FC<TagGroupsProps> = ({
           <TooltipTrigger asChild>
             <button
               type="button"
-              className="flex items-center text-nowrap rounded-md bg-gray-100 px-2 py-1 font-normal text-gray-600 text-xs transition-colors hover:bg-gray-200"
+              className="flex items-center text-nowrap rounded-md bg-muted px-2 py-1 font-normal text-muted-foreground text-xs transition-colors hover:bg-muted/80"
             >
               <Plus size={12} />
               <span>{remainingTags.length}</span>
@@ -65,7 +65,7 @@ const TagGroups: FC<TagGroupsProps> = ({
           <TooltipContent side="bottom" className="max-w-xs">
             <div className="flex flex-wrap gap-1.5">
               {remainingTags.map((tag) => (
-                <Tag key={tag} className="bg-gray-700 text-white">
+                <Tag key={tag} className="bg-foreground text-background">
                   {tag}
                 </Tag>
               ))}
diff --git a/frontend/src/components/valuecell/form/copy-strategy-form.tsx b/frontend/src/components/valuecell/form/copy-strategy-form.tsx
index a3c4bb963..7aba5cc6c 100644
--- a/frontend/src/components/valuecell/form/copy-strategy-form.tsx
+++ b/frontend/src/components/valuecell/form/copy-strategy-form.tsx
@@ -97,7 +97,7 @@ export const CopyStrategyForm = withForm({
               <form.Field name="symbols">
                 {(field) => (
                   <Field>
-                    <FieldLabel className="font-medium text-base text-gray-950">
+                    <FieldLabel className="font-medium text-base text-foreground">
                       Trading Symbols
                     </FieldLabel>
                     <MultiSelect
@@ -128,10 +128,10 @@ export const CopyStrategyForm = withForm({
                 <form.Field name="prompt">
                   {(field) => (
                     <Field>
-                      <FieldLabel className="font-medium text-base text-gray-950">
+                      <FieldLabel className="font-medium text-base text-foreground">
                         System Prompt Template
                       </FieldLabel>
-                      <div className="text-gray-500 text-sm">
+                      <div className="text-muted-foreground text-sm">
                         {field.state.value}
                       </div>
                       <FieldError errors={field.state.meta.errors} />
diff --git a/frontend/src/components/valuecell/form/exchange-form.tsx b/frontend/src/components/valuecell/form/exchange-form.tsx
index 0d7c462e2..afea9b387 100644
--- a/frontend/src/components/valuecell/form/exchange-form.tsx
+++ b/frontend/src/components/valuecell/form/exchange-form.tsx
@@ -318,7 +318,7 @@ export const ExchangeForm = withForm({
                       type="button"
                     >
                       {isPending ? (
-                        <Spinner className="size-5 text-gray-500" />
+                        <Spinner className="size-5 text-muted-foreground" />
                       ) : (
                         <Wallet className="size-5" />
                       )}
diff --git a/frontend/src/components/valuecell/form/field/number-field.tsx b/frontend/src/components/valuecell/form/field/number-field.tsx
index 4ae600c8c..8217235e0 100644
--- a/frontend/src/components/valuecell/form/field/number-field.tsx
+++ b/frontend/src/components/valuecell/form/field/number-field.tsx
@@ -23,7 +23,7 @@ export const NumberField: FC<NumberFieldProps> = ({
 
   return (
     <Field className={className}>
-      <FieldLabel className="font-medium text-base text-gray-950">
+      <FieldLabel className="font-medium text-base text-foreground">
         {label}
       </FieldLabel>
       <Input
diff --git a/frontend/src/components/valuecell/form/field/password-field.tsx b/frontend/src/components/valuecell/form/field/password-field.tsx
index 11ed51a26..94d0642eb 100644
--- a/frontend/src/components/valuecell/form/field/password-field.tsx
+++ b/frontend/src/components/valuecell/form/field/password-field.tsx
@@ -25,7 +25,7 @@ export const PasswordField: FC<PasswordFieldProps> = ({
 
   return (
     <Field className={className}>
-      <FieldLabel className="font-medium text-base text-gray-950">
+      <FieldLabel className="font-medium text-base text-foreground">
         {label}
       </FieldLabel>
       <InputGroup>
diff --git a/frontend/src/components/valuecell/form/field/radio-field.tsx b/frontend/src/components/valuecell/form/field/radio-field.tsx
index b2673403d..501384b17 100644
--- a/frontend/src/components/valuecell/form/field/radio-field.tsx
+++ b/frontend/src/components/valuecell/form/field/radio-field.tsx
@@ -13,7 +13,7 @@ export const RadioField: FC<RadioFieldProps> = ({ label, children }) => {
 
   return (
     <Field>
-      <FieldLabel className="font-medium text-base text-gray-950">
+      <FieldLabel className="font-medium text-base text-foreground">
         {label}
       </FieldLabel>
       <RadioGroup
diff --git a/frontend/src/components/valuecell/form/field/select-field.tsx b/frontend/src/components/valuecell/form/field/select-field.tsx
index 383454bd0..ad57f34ef 100644
--- a/frontend/src/components/valuecell/form/field/select-field.tsx
+++ b/frontend/src/components/valuecell/form/field/select-field.tsx
@@ -18,7 +18,7 @@ export const SelectField: FC<SelectFieldProps> = ({ label, children }) => {
 
   return (
     <Field>
-      <FieldLabel className="font-medium text-base text-gray-950">
+      <FieldLabel className="font-medium text-base text-foreground">
         {label}
       </FieldLabel>
       <Select value={field.state.value} onValueChange={field.handleChange}>
diff --git a/frontend/src/components/valuecell/form/field/text-field.tsx b/frontend/src/components/valuecell/form/field/text-field.tsx
index 2a8950293..52528f769 100644
--- a/frontend/src/components/valuecell/form/field/text-field.tsx
+++ b/frontend/src/components/valuecell/form/field/text-field.tsx
@@ -18,7 +18,7 @@ export const TextField: FC<TextFieldProps> = ({
 
   return (
     <Field className={className}>
-      <FieldLabel className="font-medium text-base text-gray-950">
+      <FieldLabel className="font-medium text-base text-foreground">
         {label}
       </FieldLabel>
       <Input
diff --git a/frontend/src/components/valuecell/form/trading-strategy-form.tsx b/frontend/src/components/valuecell/form/trading-strategy-form.tsx
index fedc4a5d4..b96cb137d 100644
--- a/frontend/src/components/valuecell/form/trading-strategy-form.tsx
+++ b/frontend/src/components/valuecell/form/trading-strategy-form.tsx
@@ -160,7 +160,7 @@ export const TradingStrategyForm = withForm({
               <form.Field name="symbols">
                 {(field) => (
                   <Field>
-                    <FieldLabel className="font-medium text-base text-gray-950">
+                    <FieldLabel className="font-medium text-base text-foreground">
                       {t("strategy.form.tradingSymbols.label")}
                     </FieldLabel>
                     <MultiSelect
@@ -195,7 +195,7 @@ export const TradingStrategyForm = withForm({
                 <form.Field name="template_id">
                   {(field) => (
                     <Field>
-                      <FieldLabel className="font-medium text-base text-gray-950">
+                      <FieldLabel className="font-medium text-base text-foreground">
                         {t("strategy.form.promptTemplate.label")}
                       </FieldLabel>
                       <div className="flex items-center gap-3">
@@ -257,11 +257,7 @@ export const TradingStrategyForm = withForm({
                             (prompt) => prompt.id === field.state.value,
                           )}
                         >
-                          <Button
-                            type="button"
-                            variant="outline"
-                            className="hover:bg-gray-50"
-                          >
+                          <Button type="button" variant="outline">
                             <Eye />
                             {t("strategy.form.promptTemplate.view")}
                           </Button>
@@ -296,7 +292,7 @@ export const TradingStrategyForm = withForm({
               </AlertDialogCancel>
               <AlertDialogAction
                 onClick={confirmDeletePrompt}
-                className="bg-red-600 hover:bg-red-700 focus:ring-red-600"
+                className="bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20"
               >
                 {t("strategy.action.confirmDelete")}
               </AlertDialogAction>
diff --git a/frontend/src/components/valuecell/menus/agent-menus.tsx b/frontend/src/components/valuecell/menus/agent-menus.tsx
index c366dfe03..1a15da71e 100644
--- a/frontend/src/components/valuecell/menus/agent-menus.tsx
+++ b/frontend/src/components/valuecell/menus/agent-menus.tsx
@@ -37,9 +37,9 @@ function AgentMenu({ className, children, onClick, ...props }: AgentMenuProps) {
   return (
     <button
       className={cn(
-        "border border-white bg-white backdrop-blur-[2px] backdrop-filter",
+        "border border-border bg-card backdrop-blur-[2px] backdrop-filter",
         "relative flex items-center justify-between rounded-xl px-4 py-3 transition-colors",
-        onClick && "cursor-pointer hover:bg-gray-50",
+        onClick && "cursor-pointer hover:bg-muted",
         className,
       )}
       onClick={onClick}
@@ -81,7 +81,7 @@ function AgentMenuIcon({ className, children, ...props }: AgentMenuIconProps) {
   return (
     <div
       className={cn(
-        "flex size-6 shrink-0 items-center justify-center rounded-[6px] bg-gray-100 p-1",
+        "flex size-6 shrink-0 items-center justify-center rounded-[6px] bg-muted p-1",
         className,
       )}
       {...props}
@@ -99,7 +99,7 @@ function AgentMenuTitle({
   return (
     <p
       className={cn(
-        "whitespace-nowrap font-medium text-[16px] text-gray-950 leading-[22px]",
+        "whitespace-nowrap font-medium text-[16px] text-foreground leading-[22px]",
         className,
       )}
       title={typeof children === "string" ? children : undefined}
@@ -118,7 +118,7 @@ function AgentMenuDescription({
   return (
     <p
       className={cn(
-        "line-clamp-2 text-left text-gray-500 text-sm leading-4.5",
+        "line-clamp-2 text-left text-muted-foreground text-sm leading-4.5",
         className,
       )}
       {...props}
@@ -139,8 +139,8 @@ function AgentMenuCard({
     <button
       type="button"
       className={cn(
-        "relative flex-1 overflow-hidden rounded-xl border border-gray-100 p-4 transition-all hover:shadow-md",
-        bgColor || "bg-white",
+        "relative flex-1 overflow-hidden rounded-xl border border-border p-4 transition-all hover:shadow-md",
+        bgColor || "bg-card",
         className,
       )}
       onClick={onClick}
diff --git a/frontend/src/components/valuecell/modal/copy-strategy-modal.tsx b/frontend/src/components/valuecell/modal/copy-strategy-modal.tsx
index d07427868..3d9e49355 100644
--- a/frontend/src/components/valuecell/modal/copy-strategy-modal.tsx
+++ b/frontend/src/components/valuecell/modal/copy-strategy-modal.tsx
@@ -239,7 +239,7 @@ const CopyStrategyModal: FC<CopyStrategyModalProps> = ({
               type="button"
               variant="outline"
               onClick={currentStep === 1 ? resetAll : handleBack}
-              className="border-gray-100 py-4 font-semibold text-base"
+              className="py-4 font-semibold text-base"
             >
               {currentStep === 1 ? "Cancel" : "Back"}
             </Button>
@@ -258,7 +258,7 @@ const CopyStrategyModal: FC<CopyStrategyModalProps> = ({
                     await form3.handleSubmit();
                 }
               }}
-              className="relative py-4 font-semibold text-base text-white hover:bg-gray-800"
+              className="relative py-4 font-semibold text-base"
             >
               {isCreatingStrategy && <Spinner className="absolute left-4" />}
               {currentStep === 3 ? "Confirm" : "Next"}
diff --git a/frontend/src/components/valuecell/modal/login-modal.tsx b/frontend/src/components/valuecell/modal/login-modal.tsx
index bfdabb617..015282e4f 100644
--- a/frontend/src/components/valuecell/modal/login-modal.tsx
+++ b/frontend/src/components/valuecell/modal/login-modal.tsx
@@ -2,6 +2,7 @@ import { getCurrentWindow } from "@tauri-apps/api/window";
 import { onOpenUrl } from "@tauri-apps/plugin-deep-link";
 import { openUrl } from "@tauri-apps/plugin-opener";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { getUserInfo } from "@/api/system";
 import { Logo } from "@/assets/svg";
@@ -26,6 +27,7 @@ export interface LoginModalProps {
 }
 
 export default function LoginModal({ children }: LoginModalProps) {
+  const { t } = useTranslation();
   const [open, setOpen] = useState(false);
   const [pendingAction, setPendingAction] = useState<PendingAction | null>(
     null,
@@ -62,6 +64,11 @@ export default function LoginModal({ children }: LoginModalProps) {
     clearLoginHandlers();
     setPendingAction(provider);
 
+    const providerLabel =
+      provider === "gmail"
+        ? t("auth.login.providers.google")
+        : t("auth.login.providers.apple");
+
     try {
       await openUrl(`https://valuecell.ai/login?provider=${provider}`);
 
@@ -100,13 +107,20 @@ export default function LoginModal({ children }: LoginModalProps) {
       timeoutRef.current = window.setTimeout(
         () => {
           clearLoginHandlers();
-          toast.error("Login timed out, please try again.");
+          toast.error(t("auth.login.errors.timeout.title"), {
+            description: t("auth.login.errors.timeout.description"),
+          });
         },
         2 * 60 * 1000,
       );
     } catch (error) {
       toast.error(
-        `Failed to login with ${provider}, info: ${JSON.stringify(error)}`,
+        t("auth.login.errors.failed.title", { provider: providerLabel }),
+        {
+          description: t("auth.login.errors.failed.description", {
+            info: JSON.stringify(error),
+          }),
+        },
       );
     }
   };
@@ -126,7 +140,7 @@ export default function LoginModal({ children }: LoginModalProps) {
         aria-describedby={undefined}
       >
         <DialogTitle className="flex items-center justify-between">
-          Sign in
+          {t("auth.login.title")}
           <DialogClose asChild>
             <CloseButton />
           </DialogClose>
@@ -135,18 +149,18 @@ export default function LoginModal({ children }: LoginModalProps) {
         <div className="mt-10 flex flex-col items-center gap-3 text-center">
           <SvgIcon
             name={Logo}
-            className="size-14 rounded-full bg-black p-2.5 text-white"
+            className="size-14 rounded-full bg-primary p-2.5 text-primary-foreground"
           />
-          <p className="font-medium text-3xl text-gray-950">ValueCell</p>
-          <p className="font-medium text-gray-500 text-sm">
-            The first open-source platform for financial agents
+          <p className="font-medium text-3xl text-foreground">ValueCell</p>
+          <p className="font-medium text-muted-foreground text-sm">
+            {t("auth.login.tagline")}
           </p>
         </div>
 
         <div className="mt-10 flex flex-col gap-4 px-4 pb-4">
           <Button
             variant="outline"
-            className="relative bg-gray-50 py-6 text-base focus-visible:ring-gray-200"
+            className="relative py-6 text-base"
             onClick={() => handleLogin("gmail")}
             disabled={pendingAction !== null}
           >
@@ -174,7 +188,9 @@ export default function LoginModal({ children }: LoginModalProps) {
                 fill="#4285F4"
               />
             </svg>
-            Continue with Google
+            {t("auth.login.actions.continueWith", {
+              provider: t("auth.login.providers.google"),
+            })}
             {pendingAction === "gmail" && (
               <Spinner className="absolute top-1/2 right-4 -translate-y-1/2" />
             )}
@@ -182,7 +198,7 @@ export default function LoginModal({ children }: LoginModalProps) {
           {/* 
             <Button
               variant="outline"
-              className="relative bg-gray-50 py-6 text-base focus-visible:ring-gray-200"
+              className="relative py-6 text-base"
               onClick={() => handleLogin("apple")}
               disabled={pendingAction !== null}
             >
diff --git a/frontend/src/components/valuecell/renderer/chat-conversation-renderer.tsx b/frontend/src/components/valuecell/renderer/chat-conversation-renderer.tsx
index 8c5dc6d2a..29ad1982a 100644
--- a/frontend/src/components/valuecell/renderer/chat-conversation-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/chat-conversation-renderer.tsx
@@ -39,14 +39,14 @@ const ChatConversationRenderer: FC<ChatConversationRendererProps> = ({
   if (!currentConversation) return null;
 
   return (
-    <div className="overflow-hidden rounded-lg border border-gray-100 bg-neutral-100 [&_#chat-item]:max-w-none">
+    <div className="overflow-hidden rounded-lg border border-border bg-muted [&_#chat-item]:max-w-none">
       {/* Header section */}
-      <div className="flex items-center justify-between bg-white p-4">
-        <div className="flex min-w-40 items-center gap-2 rounded-full border border-gray-200 bg-gray-50 py-1 pr-5 pl-1.5">
+      <div className="flex items-center justify-between bg-card p-4">
+        <div className="flex min-w-40 items-center gap-2 rounded-full border border-border bg-muted py-1 pr-5 pl-1.5">
           {agent && (
             <AgentAvatar agentName={agent.agent_name} className="size-9" />
           )}
-          <p className="whitespace-nowrap font-normal text-base text-gray-950 leading-[22px]">
+          <p className="whitespace-nowrap font-normal text-base text-foreground leading-[22px]">
             {agent?.display_name || t("agent.unknown")}
           </p>
         </div>
@@ -63,7 +63,7 @@ const ChatConversationRenderer: FC<ChatConversationRendererProps> = ({
         {phase === "end" && (
           <NavLink
             to={`/agent/${agent_name}?id=${conversation_id}`}
-            className="rounded-full bg-blue-500 px-2.5 py-1.5 font-normal text-sm text-white hover:bg-blue-500/80"
+            className="rounded-full bg-primary px-2.5 py-1.5 font-normal text-primary-foreground text-sm hover:bg-primary/90"
           >
             {t("agent.action.view")}
           </NavLink>
diff --git a/frontend/src/components/valuecell/renderer/markdown-renderer.tsx b/frontend/src/components/valuecell/renderer/markdown-renderer.tsx
index afe3f5b20..3720abfad 100644
--- a/frontend/src/components/valuecell/renderer/markdown-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/markdown-renderer.tsx
@@ -10,7 +10,13 @@ const MarkdownRenderer: FC<MarkdownRendererProps> = ({
   className,
 }) => {
   return (
-    <div className={cn("prose text-sm", className)}>
+    <div
+      className={cn(
+        "prose dark:prose-invert text-sm",
+        "prose-a:text-sky-600 dark:prose-a:text-sky-300",
+        className,
+      )}
+    >
       <ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypeRaw]}>
         {content}
       </ReactMarkdown>
diff --git a/frontend/src/components/valuecell/renderer/reasoning-renderer.tsx b/frontend/src/components/valuecell/renderer/reasoning-renderer.tsx
index 6bce78973..137fa1bf3 100644
--- a/frontend/src/components/valuecell/renderer/reasoning-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/reasoning-renderer.tsx
@@ -31,7 +31,7 @@ const ReasoningRenderer: FC<ReasoningRendererProps> = ({
         )}
         disabled={!hasContent}
       >
-        <div className="flex items-center gap-2 text-gray-950">
+        <div className="flex items-center gap-2 text-foreground">
           {isComplete ? (
             <Brain className="size-5" />
           ) : (
@@ -44,7 +44,7 @@ const ReasoningRenderer: FC<ReasoningRendererProps> = ({
         {hasContent && (
           <ChevronDown
             className={cn(
-              "h-6 w-6 text-gray-950 transition-transform",
+              "h-6 w-6 text-muted-foreground transition-transform",
               isOpen && "rotate-180",
             )}
           />
@@ -57,7 +57,7 @@ const ReasoningRenderer: FC<ReasoningRendererProps> = ({
           {hasContent && (
             <MarkdownRenderer
               content={content}
-              className="text-gray-600 text-xs"
+              className="text-muted-foreground text-xs"
             />
           )}
         </div>
diff --git a/frontend/src/components/valuecell/renderer/report-renderer.tsx b/frontend/src/components/valuecell/renderer/report-renderer.tsx
index 00fed7ec7..68afc67fa 100644
--- a/frontend/src/components/valuecell/renderer/report-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/report-renderer.tsx
@@ -30,17 +30,17 @@ const ReportRenderer: FC<ReportRendererProps> = ({
 
         {/* Text content */}
         <div className="flex flex-col gap-1">
-          <p className="font-normal text-base text-gray-950 leading-5">
+          <p className="font-normal text-base text-foreground leading-5">
             {title}
           </p>
-          <p className="whitespace-nowrap text-gray-400 text-xs leading-4">
+          <p className="whitespace-nowrap text-muted-foreground text-xs leading-4">
             {`Created at: ${TimeUtils.formatUTC(create_time, TIME_FORMATS.DATE)}`}
           </p>
         </div>
       </div>
 
       {/* Right side: Arrow icon */}
-      <ChevronRight className="size-6 text-gray-700" />
+      <ChevronRight className="size-6 text-muted-foreground" />
     </div>
   );
 };
diff --git a/frontend/src/components/valuecell/renderer/scheduled-task-controller-renderer.tsx b/frontend/src/components/valuecell/renderer/scheduled-task-controller-renderer.tsx
index 8f864acee..a56d19fb6 100644
--- a/frontend/src/components/valuecell/renderer/scheduled-task-controller-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/scheduled-task-controller-renderer.tsx
@@ -25,12 +25,12 @@ const ScheduledTaskControllerRenderer: FC<
   };
 
   return (
-    <div className="flex min-w-96 items-center justify-between gap-3 rounded-xl bg-gray-50 px-4 py-3">
+    <div className="flex min-w-96 items-center justify-between gap-3 rounded-xl bg-card px-4 py-3">
       <div className="flex shrink-0 items-center gap-3">
         <div className="flex size-8 shrink-0 items-center justify-center">
           <Clock className="size-5 text-primary" />
         </div>
-        <p className="font-medium text-base text-gray-950">
+        <p className="font-medium text-base text-foreground">
           {task_title || "Untitled Task"}
         </p>
       </div>
@@ -42,7 +42,7 @@ const ScheduledTaskControllerRenderer: FC<
         size="sm"
         disabled={!isRunning}
         className={cn(
-          "cursor-pointer text-base text-blue-500 transition-colors hover:text-blue-500/80 disabled:text-gray-400",
+          "cursor-pointer text-base text-primary transition-colors hover:text-primary/80 disabled:text-muted-foreground",
         )}
       >
         {isRunning ? "Cancel" : "Cancelled"}
diff --git a/frontend/src/components/valuecell/renderer/scheduled-task-renderer.tsx b/frontend/src/components/valuecell/renderer/scheduled-task-renderer.tsx
index 1b2b582d3..3b227d47d 100644
--- a/frontend/src/components/valuecell/renderer/scheduled-task-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/scheduled-task-renderer.tsx
@@ -13,11 +13,11 @@ const ScheduledTaskRenderer: FC<ScheduledTaskRendererProps> = ({
   return (
     <div
       className={cn(
-        "group relative flex h-full cursor-pointer flex-col gap-3 rounded-lg border-gradient bg-gray-50 p-4 text-gray-950 transition-all",
+        "group relative flex h-full cursor-pointer flex-col gap-3 rounded-lg border-gradient bg-card p-4 text-foreground transition-all",
       )}
       onClick={() => onOpen?.(result)}
     >
-      <p className="whitespace-nowrap text-gray-400 text-sm">
+      <p className="whitespace-nowrap text-muted-foreground text-sm">
         {TimeUtils.formatUTC(create_time, TIME_FORMATS.DATETIME_SHORT)}
       </p>
       {/* content */}
diff --git a/frontend/src/components/valuecell/renderer/tool-call-renderer.tsx b/frontend/src/components/valuecell/renderer/tool-call-renderer.tsx
index d12a3736d..d9f0ec2b4 100644
--- a/frontend/src/components/valuecell/renderer/tool-call-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/tool-call-renderer.tsx
@@ -30,7 +30,7 @@ const ToolCallRenderer: FC<ToolCallRendererProps> = ({ content }) => {
         )}
         disabled={!tool_result}
       >
-        <div className="flex items-center gap-2 text-gray-950">
+        <div className="flex items-center gap-2 text-foreground">
           {tool_result ? (
             <Search className="size-5" />
           ) : (
@@ -41,7 +41,7 @@ const ToolCallRenderer: FC<ToolCallRendererProps> = ({ content }) => {
         {tool_result_array && (
           <ChevronDown
             className={cn(
-              "h-6 w-6 text-gray-950 transition-transform",
+              "h-6 w-6 text-muted-foreground transition-transform",
               isOpen && "rotate-180",
             )}
           />
diff --git a/frontend/src/components/valuecell/renderer/unknown-renderer.tsx b/frontend/src/components/valuecell/renderer/unknown-renderer.tsx
index b32a61c72..d7ca01253 100644
--- a/frontend/src/components/valuecell/renderer/unknown-renderer.tsx
+++ b/frontend/src/components/valuecell/renderer/unknown-renderer.tsx
@@ -10,14 +10,14 @@ interface UnknownRendererProps {
 const UnknownRenderer: FC<UnknownRendererProps> = ({ item, content }) => {
   return (
     <div>
-      <div className="mt-3 rounded-lg border border-blue-200 bg-blue-50 p-3">
+      <div className="mt-3 rounded-lg border border-border bg-muted p-3">
         <div className="mb-2 flex items-center gap-2">
-          <FileText size={16} className="text-blue-600" />
-          <span className="font-medium text-blue-900 text-sm capitalize">
+          <FileText size={16} className="text-primary" />
+          <span className="font-medium text-foreground text-sm capitalize">
             {item.component_type} (Unknown Component Type)
           </span>
         </div>
-        <div className="rounded bg-white p-3 text-gray-800 text-sm">
+        <div className="rounded bg-card p-3 text-foreground text-sm">
           <pre className="whitespace-pre-wrap font-mono text-xs">{content}</pre>
         </div>
       </div>
diff --git a/frontend/src/components/valuecell/scroll/scroll-textarea.tsx b/frontend/src/components/valuecell/scroll/scroll-textarea.tsx
index 2f056d182..66aee1c0e 100644
--- a/frontend/src/components/valuecell/scroll/scroll-textarea.tsx
+++ b/frontend/src/components/valuecell/scroll/scroll-textarea.tsx
@@ -93,7 +93,7 @@ function ScrollTextarea({
         ref={textareaRef}
         onInput={handleInput}
         className={cn(
-          "w-full resize-none border-0 bg-transparent p-0 text-base leading-5.5 outline-none placeholder:text-gray-400",
+          "w-full resize-none border-0 bg-transparent p-0 text-base leading-5.5 outline-none placeholder:text-muted-foreground",
           className,
         )}
         {...props}
diff --git a/frontend/src/components/valuecell/skeleton/agent-market-skeleton.tsx b/frontend/src/components/valuecell/skeleton/agent-market-skeleton.tsx
index 8b606a34c..ad86209dd 100644
--- a/frontend/src/components/valuecell/skeleton/agent-market-skeleton.tsx
+++ b/frontend/src/components/valuecell/skeleton/agent-market-skeleton.tsx
@@ -7,7 +7,7 @@ function AgentCardSkeleton({ className, ...props }: AgentCardSkeletonProps) {
   return (
     <div
       className={cn(
-        "box-border flex w-full flex-col items-center gap-4 rounded-xl border border-gray-100 bg-neutral-50 p-4",
+        "box-border flex w-full flex-col items-center gap-4 rounded-xl border border-border bg-card p-4",
         className,
       )}
       {...props}
diff --git a/frontend/src/components/valuecell/step-indicator.tsx b/frontend/src/components/valuecell/step-indicator.tsx
index 46082a82c..762100031 100644
--- a/frontend/src/components/valuecell/step-indicator.tsx
+++ b/frontend/src/components/valuecell/step-indicator.tsx
@@ -24,8 +24,8 @@ export const StepIndicator: FC<StepIndicatorProps> = ({
   ) => {
     if (isCompleted) {
       return (
-        <div className="flex size-6 items-center justify-center rounded-full bg-gray-950">
-          <Check className="size-3 text-white" />
+        <div className="flex size-6 items-center justify-center rounded-full bg-primary">
+          <Check className="size-3 text-primary-foreground" />
         </div>
       );
     }
@@ -34,12 +34,12 @@ export const StepIndicator: FC<StepIndicatorProps> = ({
       <div className="relative flex size-6 items-center justify-center">
         <div
           className={`absolute inset-0 rounded-full border-2 ${
-            isCurrent ? "border-gray-950 bg-gray-950" : "border-black/40"
+            isCurrent ? "border-primary bg-primary" : "border-border"
           }`}
         />
         <span
           className={`relative font-semibold text-base ${
-            isCurrent ? "text-white" : "text-black/40"
+            isCurrent ? "text-primary-foreground" : "text-muted-foreground"
           }`}
         >
           {step}
@@ -67,7 +67,7 @@ export const StepIndicator: FC<StepIndicatorProps> = ({
               <div className="flex min-w-0 flex-1 items-center gap-3 pr-3">
                 <span
                   className={`shrink-0 whitespace-nowrap text-base ${
-                    isActive ? "text-black/90" : "text-black/40"
+                    isActive ? "text-foreground" : "text-muted-foreground"
                   }`}
                 >
                   {step.title}
@@ -76,7 +76,7 @@ export const StepIndicator: FC<StepIndicatorProps> = ({
                 {!isLast && (
                   <div
                     className={`h-0.5 min-w-0 flex-1 ${
-                      isCompleted ? "bg-gray-950" : "bg-gray-200"
+                      isCompleted ? "bg-primary" : "bg-border"
                     }`}
                   />
                 )}
diff --git a/frontend/src/global.css b/frontend/src/global.css
index 087ec0668..f0c9e674a 100644
--- a/frontend/src/global.css
+++ b/frontend/src/global.css
@@ -135,7 +135,7 @@
     background-image: linear-gradient(var(--color-background), var(--color-background));
     background-clip: padding-box;
     background-origin: border-box;
-    border: 1px solid var(--color-gray-100);
+    border: 1px solid var(--color-border);
     transition: border-color 0.2s ease-in-out;
 
     &[data-active="true"] {
@@ -190,4 +190,4 @@
       overflow-y: auto;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/frontend/src/i18n/locales/en.json b/frontend/src/i18n/locales/en.json
index 0499399d5..d337bbc54 100644
--- a/frontend/src/i18n/locales/en.json
+++ b/frontend/src/i18n/locales/en.json
@@ -18,6 +18,15 @@
         "ja-JP": "日本語"
       }
     },
+    "theme": {
+      "title": "Theme",
+      "description": "Choose light, dark, or follow system settings.",
+      "options": {
+        "system": "System",
+        "light": "Light",
+        "dark": "Dark"
+      }
+    },
     "quotesColor": {
       "title": "Quotes Color",
       "description": "Choose how stock quote movements are visualized across the app.",
@@ -29,6 +38,29 @@
       "check": "Check for Update"
     }
   },
+  "auth": {
+    "login": {
+      "title": "Sign In",
+      "tagline": "The first open-source platform for financial agents.",
+      "providers": {
+        "google": "Google",
+        "apple": "Apple"
+      },
+      "actions": {
+        "continueWith": "Continue with {{provider}}"
+      },
+      "errors": {
+        "timeout": {
+          "title": "Login timed out",
+          "description": "Please try again."
+        },
+        "failed": {
+          "title": "Failed to sign in with {{provider}}",
+          "description": "Info: {{info}}"
+        }
+      }
+    }
+  },
   "settings": {
     "title": "Settings",
     "nav": {
diff --git a/frontend/src/i18n/locales/ja.json b/frontend/src/i18n/locales/ja.json
index dfc12bcec..5cddac8f7 100644
--- a/frontend/src/i18n/locales/ja.json
+++ b/frontend/src/i18n/locales/ja.json
@@ -18,6 +18,15 @@
         "ja-JP": "日本語"
       }
     },
+    "theme": {
+      "title": "テーマ",
+      "description": "ライト、ダーク、またはシステム設定に従うを選択します。",
+      "options": {
+        "system": "システム",
+        "light": "ライト",
+        "dark": "ダーク"
+      }
+    },
     "quotesColor": {
       "title": "チャートの配色",
       "description": "株価の変動を視覚化する方法を選択してください。",
@@ -29,6 +38,29 @@
       "check": "アップデートを確認"
     }
   },
+  "auth": {
+    "login": {
+      "title": "サインイン",
+      "tagline": "金融エージェント向けの最初のオープンソースプラットフォーム。",
+      "providers": {
+        "google": "Google",
+        "apple": "Apple"
+      },
+      "actions": {
+        "continueWith": "{{provider}}で続行"
+      },
+      "errors": {
+        "timeout": {
+          "title": "サインインがタイムアウトしました",
+          "description": "もう一度お試しください。"
+        },
+        "failed": {
+          "title": "{{provider}}でのサインインに失敗しました",
+          "description": "情報: {{info}}"
+        }
+      }
+    }
+  },
   "settings": {
     "title": "設定",
     "nav": {
diff --git a/frontend/src/i18n/locales/zh_CN.json b/frontend/src/i18n/locales/zh_CN.json
index 23960ad29..800ba46f2 100644
--- a/frontend/src/i18n/locales/zh_CN.json
+++ b/frontend/src/i18n/locales/zh_CN.json
@@ -18,6 +18,15 @@
         "ja-JP": "日本語"
       }
     },
+    "theme": {
+      "title": "主题",
+      "description": "选择浅色、深色或跟随系统。",
+      "options": {
+        "system": "跟随系统",
+        "light": "浅色",
+        "dark": "深色"
+      }
+    },
     "quotesColor": {
       "title": "行情颜色",
       "description": "选择股票行情涨跌的显示颜色。",
@@ -29,6 +38,29 @@
       "check": "检查更新"
     }
   },
+  "auth": {
+    "login": {
+      "title": "登录",
+      "tagline": "首个开源金融智能体平台。",
+      "providers": {
+        "google": "Google",
+        "apple": "Apple"
+      },
+      "actions": {
+        "continueWith": "使用 {{provider}} 继续"
+      },
+      "errors": {
+        "timeout": {
+          "title": "登录超时",
+          "description": "请重试。"
+        },
+        "failed": {
+          "title": "使用 {{provider}} 登录失败",
+          "description": "错误信息：{{info}}"
+        }
+      }
+    }
+  },
   "settings": {
     "title": "设置",
     "nav": {
diff --git a/frontend/src/i18n/locales/zh_TW.json b/frontend/src/i18n/locales/zh_TW.json
index f13de6326..5810f0d63 100644
--- a/frontend/src/i18n/locales/zh_TW.json
+++ b/frontend/src/i18n/locales/zh_TW.json
@@ -18,6 +18,15 @@
         "ja-JP": "日本語"
       }
     },
+    "theme": {
+      "title": "主題",
+      "description": "選擇淺色、深色或跟隨系統。",
+      "options": {
+        "system": "跟隨系統",
+        "light": "淺色",
+        "dark": "深色"
+      }
+    },
     "quotesColor": {
       "title": "行情顏色",
       "description": "選擇股票行情漲跌的顯示顏色。",
@@ -29,6 +38,29 @@
       "check": "檢查更新"
     }
   },
+  "auth": {
+    "login": {
+      "title": "登入",
+      "tagline": "首個開源金融智能體平台。",
+      "providers": {
+        "google": "Google",
+        "apple": "Apple"
+      },
+      "actions": {
+        "continueWith": "使用 {{provider}} 繼續"
+      },
+      "errors": {
+        "timeout": {
+          "title": "登入逾時",
+          "description": "請再試一次。"
+        },
+        "failed": {
+          "title": "使用 {{provider}} 登入失敗",
+          "description": "錯誤資訊：{{info}}"
+        }
+      }
+    }
+  },
   "settings": {
     "title": "設定",
     "nav": {
diff --git a/frontend/src/root.tsx b/frontend/src/root.tsx
index e20f9414b..bd53b7954 100644
--- a/frontend/src/root.tsx
+++ b/frontend/src/root.tsx
@@ -1,4 +1,5 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ThemeProvider } from "next-themes";
 import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
 import "@/i18n";
 import AppSidebar from "@/components/valuecell/app/app-sidebar";
@@ -9,7 +10,7 @@ import { SidebarProvider } from "./components/ui/sidebar";
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <head>
         <meta charSet="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/logo.svg" />
@@ -48,24 +49,32 @@ import { TrackerProvider } from "./provider/tracker-provider";
 export default function Root() {
   return (
     <QueryClientProvider client={queryClient}>
-      <BackendHealthCheck>
-        <TrackerProvider>
-          <SidebarProvider>
-            <div className="fixed flex size-full overflow-hidden">
-              <AppSidebar />
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="system"
+        enableSystem
+        enableColorScheme
+        storageKey="valuecell-theme"
+      >
+        <BackendHealthCheck>
+          <TrackerProvider>
+            <SidebarProvider>
+              <div className="fixed flex size-full overflow-hidden">
+                <AppSidebar />
 
-              <main
-                className="relative flex flex-1 overflow-hidden"
-                id="main-content"
-              >
-                <Outlet />
-              </main>
-              <Toaster />
-            </div>
-          </SidebarProvider>
-        </TrackerProvider>
-        <AutoUpdateCheck />
-      </BackendHealthCheck>
+                <main
+                  className="relative flex flex-1 overflow-hidden"
+                  id="main-content"
+                >
+                  <Outlet />
+                </main>
+                <Toaster />
+              </div>
+            </SidebarProvider>
+          </TrackerProvider>
+          <AutoUpdateCheck />
+        </BackendHealthCheck>
+      </ThemeProvider>
     </QueryClientProvider>
   );
 }

From b09b6528a9ed1901203271419a45283c76a536f0 Mon Sep 17 00:00:00 2001
From: byronwang2005 <hzwx2005@qq.com>
Date: Wed, 17 Dec 2025 21:32:45 +0800
Subject: [PATCH 2/2] feat: increase visibility

---
 frontend/src/assets/png/icon-group-dark.png   | Bin 11139 -> 10998 bytes
 .../src/assets/png/message-group-dark.png     | Bin 3064 -> 2960 bytes
 frontend/src/assets/png/trend-dark.png        | Bin 11980 -> 11973 bytes
 3 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/frontend/src/assets/png/icon-group-dark.png b/frontend/src/assets/png/icon-group-dark.png
index 99e63b08ddc4d0276e3d42d17d64c99b8895407f..ac41b42dfedb2bb839cd39e1cf83b484cd925432 100644
GIT binary patch
delta 10903
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

delta 11049
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

diff --git a/frontend/src/assets/png/message-group-dark.png b/frontend/src/assets/png/message-group-dark.png
index 07d98570d96b7eafe9ac81b30e4eadf5a5c420d3..414b796746cd2d5aec7955264873316bb60bd814 100644
GIT binary patch
literal 2960
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
aX_W!7?kNnXR0V!%0}eLM2Y)-@8UG)5PIl4&

literal 3064
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
F{{Wldit_*f

diff --git a/frontend/src/assets/png/trend-dark.png b/frontend/src/assets/png/trend-dark.png
index 05380416b3ca4ad8318c05eba21b5281719b32b0..b1ed36e7c2eb917a3af4c54b3d231ee2cbf467ab 100644
GIT binary patch
delta 11039
zcmX9^X&_W>6i!4N63LP!DrGIQWEf!>*|o_|WFJ)47}ru!wj_jP-$IJ9g%K(w*$p$6
zME0?-GnVhY^L_t(bMJZ2d(Ly7=bUr<W%1qO)j25g21@m|uO&H^X#m?{L||hRJ1WZQ
znjd~@=a{Ir4g;_C5h1w~KcWw<#-wLnWI)_Mkn@t~zN$7u)ZwECy|bO}bJ!YuipaM<
zbZT5i9+7x0Ep@nT6YsNNwy^VlYIT0W$G#&KS{bREnjcKX))DX<<t4@(8nLP(92!RE
zFZD0RG0^eElCQ*)6=Y0NmXbp5`qXMqH6xBnH19pjxh)UMJ9Y5rL;vuWV^_Xj^uedh
zJk7l57S|xSYK59GiMvO~2gP*yXu{?$#?>SlSk%#;IND*cV6T{Q@nuMO%VQBA8FyVM
zi~VKh#p8TR#6K%zLMz50beeu=sobfC9N#gabQ)H-9$!Bz(B{HL`yX8kH{WAQGL0EI
zVvusoA^`|sDX*i^mbEJwHD#v2Dw8@*27bK1fHB;L2CQF&cOtm?4A(}-SaSO6I+nUx
zrr}>%+zbc(*NkdL+NZN_Znm%&z38GWkz>1#Xc#HEp(c_xw#uaQr!8LQI=^M%#037>
z#7bg?V5ghIQu2pWZgr_@EIKAIhI^Bz#(A0u-Pzy<zDhWBdR?W82&?D<h2l6-vI{v=
ze!<7_%aPq4EV50{s~$>QKWbi?l9og}NtZbMQ^%W;6N|c8KlASAQOt=|f@R=UY51Tp
zjg+UU?Zwl)e8aDNr&PZ?#%QK=q<0*JgRon+#pPLLW;3dDVq#i(=Knh_#5@buSdSPf
zMp?JFwZ>?Iz(X1jv7C&Yb!LA2)CXPsZEKQ~^9>qsnm#uF{rY-^%aa*CDgZoVVMBFf
z;)D~?V*Akgnv2@{*=`VwiB50f7;kBng5dA)MI?31w&YBkSI+(aXw`A@!)e<PRSm!1
zxXMBp8$NmD>(P@Yp6(rS0{0>z{fjUE1`tnDrypuDrIdB}1{T2&O<k#W>9S}q5OWt0
zg|FkJyI{H&)zz-Vq5=Or2mV~ZecLPO1P;vijGUMevu6=kd_g_F>mCm*-q(L+v#&r<
z8#T)V?s5qWEea@|9NsZ+3kN?6UC=sP;Mhn`2~fwWK>&N7bJ{DH%mx2V_LslY27fP0
z;I=vK`w8gmC+AGl;k5CEwwhy92HRgG=7K*Jj!Qn-5oJ1Up=-P<Ap%@@IEM?s1>9OY
zNjXIY?hQ#dT>GV6{8Kp&oM!gmRZR|KA_9KQ1xM%{D$0-1QXBny6@=C8MMIn)!&zuw
z(k1QS;<P?eJBR({-vSwvB&s93`imBHM2mdrKCh$9Fv$Ta(9|ISAhG<$seUEk+>_oJ
zag7NLp%v)kuLv$QN`&M4ExXra`$ip=pk`1LDX0lZ9_NNBWG^!j*jVM!SzP@c83vqF
zl4U$L#lJ2bdsZk-NNBXGY5ypMyW@F1!@l;-@+;tQUZcds&r`7wiSgC`HNjG{Q{e{G
z?5hP1uyt5bSUb01swA{Bsxbjob-$g7mH6O4y2SIp<-6W236Qjp1V7uhJKer)=Ryec
z#h*WZ{Qs`4gS8R4RdUlkv{fD_{h{OD@)Z?`oD~Jmgh0)x`TyH_ZEbkPa_bF$m=J1W
zj!*F|<+Yb|S@A&qdzxQix;18g-k1GcreF4;t9dqW6F&_5hyMSQrav!EKK~5=Gq(rU
zSHR1hTLuxyGw)mW9c`6B-TlQo`COtHjBa`KNqi3ecSGf9)QQ*<%nsVv6l=GNgnETi
z2?|7RRsj2|3*-gV{)}J-HFSfKgZH-ni0>u`TkL)(e#!KGV?FEDQh$pd>L7QLH+Zjm
zO7}Ce@p0W{I>{nRG}s@W7}kC&>FqKdWV6mKtkPE(<yFDzMSEKRkk47gpxT{Cx^rq%
z=4)4OFy-^yK1kHI{5Q(r1tqZIJ}W<?T}7FA+LDkuec(i~@--&DSDqf-twTJ9oNTcW
zvu9BHM#(|Uq)KBzxzblSs)rtyJYQ$~H$<mFoe|6=d<sVGJ84$)=>E=T=KopGkc*Zp
zLlgOVRcJ174CQ!y;<BL+NA^!2$gFwma^MCEh5wOZ6$nXKg?5k2t_s-Dv#txnxqMht
zrTXB(-nWs7UW*px?!9_x&!r`=(Bws#**2t6J>fEc_mS_Iv5n>V;ezR)Oym=XN4Fvd
z`K5(cqz>-+rRUJRt5mHqGvU6?GN(7o^3O&{Xul{U^rcks0?8+spkkf^U-!Kvq9%G5
zN`K@l`)luelR9c|<|$NaSkDeSvApI{6OE>iP~PiJ{V5E7d#KLDTo{)mA+#cov85$8
zuc^`YReOQbjB3vA;@8y>&FOtfe762tvJ}1qfn@WG58ugBoiU2??y;wEz)|qs!4aCW
zg1;vWjkcZsORQQAnJ*H6)XaLLuPT2D#Uhi_(xSox%ENb>o|pLBBVEN5TMUm;Y1bXk
zsgv#}gq^wVYF%Am(Y#PA2yuj^&e?jE`0-LZ-6vL=xX>4bR#<r`ImShpWGNF7VU_-v
zwC`}DVq#JO@rvwoq1Jx!`$Wg6gfz)0CO47Lfkpn_9ni5a96~Fbd?hF#98?rJR^llf
z9DY{BWAU&XW*gO~h<>U{ZlTR?pNh{fBiV3H)G{suPVmadaAw7ys<cpq88C}eaqYg~
zxuyK*>2MZ`(G;7Y>B53Eo&z)WW#y=`3KQ9#utbnnF0But*_V`%Q1f*3XNJUsnq7{6
z8du)AB9KK94MRqX9An!?MAef%J;|oZVbMsto-o=Q{D@-{p3xcuQ~gJxM+TZ4+6by@
zI__Ef96#cog$Klk2RsmC-d!owRKEYcnUR0iigtO{2)SThX7R8}wKXYAG<6jH`S@0U
zG}qvr%5j9|7XI!i)LsEyLQRMr^y~y6<DtgpcjO9;pG`GXI!<Ky=lEV@KgfO7YxUak
z(!X)B$dJ9P4Y!J2owGt#BU{qOd78YW!U`5Rxm8xg@y==U2YepRBC7{g?E^|3RN~v$
zX`!kNW;xL-tq{Nh+Z_@hlMQk2HOiB}D$^xyLxJc0_rBXGnS{3_zHAwF-g@%wmoZ7W
zW>Ap}P{Lmdu2Q|J`7Gr$mBD1yxD(ai8)+mLNIA1ZGc3=v6UDgBw)TM3NjEj!1ZSI|
zfqFm6c#=huqWFbB?Dx0xxfQzG-yFI&@7<hhsW?8~s)pK24&Pa)Q`9m{vDur4nm3GS
zIh?y(?NZR3aqQ2@TXR8deNxXRi^w0_d`nNn)+=6T;%D_LEHfV)prv9ZX{g*WGw%t)
zlP)B3Ti3EKk33jBe7^B6aEgq6Iep+d`J^Y|0nC0%7knhXtbJK9m243VUe}HAyim{I
zH@MhG%kq7;?bi_dwLF8va9}222W|{8yn2^><CBE3M7d<adeZ#lhdO{y4f?%D>1=$C
zcd;)vcJI^TEspS!=;*AkIv$tZ=YJ1xGAmQmu`ELi%QF_fiyS3U^Wtb^k-IhQMq8J3
zTc1Un@}HGv(-4=!jwNhSTE~qV5DrKUg};v4JNfgJXJ>i^+6PNBj)?24q6AnzmM}h0
zZR-^@z0xY_p<S;hY4#&dgWA2X5$5i)yJ|DqL|OgP%R*z>Dqak0EX%nw=CjOQr;;Y(
z*C{O`jRA=infKzTiB+OtW{wR;!U2WV+*M13;ru&KZ{m@4K@F7PFW7=^Gsn52<t8(8
z1g=po!*56_c%E1y*DO^B=MD&ZI?BMDH=}#uk(aF7aQP6us-;QVLM-L|qPSIYiNG%H
z)>BN=2UN)%xO&yy0ekq;JzTDay)T9xX3Wf46aRLtv}$@$=AE8y*rqJoofU%gQI?b1
z9necm?*-i4fmLbv;`bb+W6k`-7q}Du8a-~Nyou@GpycBTF>;0V@0RVl7G669=&R2u
zYN7rO(s&6Oht5RH#*!BBYccNszBS$IatWNpwyT_N7ruoo<<AW@|73)ir6qg*N7}>n
zaAp6edl+33OtDuSR<zdgp_RWC?5w*^&-St#;}xmNQAlDSn~Dl=wy)g>bm6U-Zj|Qv
zTUy<F@vsp;Ctf9v;xckuzP^C_=y(pzOz!!SNs9=izsd)+kTUkNg1GA`<+@jx9!;-*
zL=k??8G$6VZqkg7MCmO8C8OQ9v{UBog=uS5awdEO4X9&2HXP5I>izdDE32@7SX5Lv
z#h08c!f)z~Zo^NKboZyZx1&F*@1|dY^CIKDrTeD0__z0jPJIUrS`wjpFJl&BTTaBP
zoH=u5l9f575B-bf+$zyQ`n`CFXDl01CxswXUq@l2@zj^_9j7<n=41pYpWBgXzkMN4
zvn95V2rJY4FO($CzE<)0W$mAh#yGRhK5j?pB3F}}^PaA8581EZQdqNvX(CS|lb)gc
z*3vF!Y5OXiG_H|yrJrb_5c(hbs{5PP!!9}iLLuU=F9Wv=G*E-X;=)7SvNVX~p(YFz
z14y&6F{-2a3ngU*GW<~Yk;-2aAOE$AZ@N!y4A|J+-E^RSQocVqg#p?fr|||$W_cGN
z0sFr5LS}nBSkoH|Gn1L!lw&`-yy8L3AEh+zC;c7sJA!31!M3=9{`Ch+Cim3NC1NE$
z^fZI!QHDeZzh3(-gFfVM`6*I(?7oo$0H|A3LfJED&h&k+MMPdI$=2b};1ym*jQ4L=
zvQes`3Xa==69nXe)$01;G}H@h{%5|v`fz|kPMHy2kom^qPR?I5WO1eh5$x4MM08U$
zxr)R4V`rqx`_pze;*XD3Jeg2eiP?-&_`jrL$V>Nom2ok|5ojFlDV4k~tct&cW@9#(
zyN)h|Gb8q!qlujxhsz5~7U$-=WE<tiTQkq2R$Alix6Wy^>3;k6go#F<`QtI^%J=)E
z)Tpxu9@9$GAYSg%^kZSBcoC`sNAS43?>wVyh2QNkmA_etFT&m6BB7`oHr?4@D_#fP
zVB&H{)3R~tI@1AXh^;U%cJXsN?2xQCV?v5f;n#6lp5f2DCU6!}H?kPC6IQ>yzGQ-(
zsDD&9jM7b1Lm{g(j$JHv!x&_jl}OdGVq+8mfiB&?$93=hyi(h7AG<KVo-q<iW+G-s
zsGVwt?Xg!f`Stpo#B`XsNbux(?Ct^hB1j_?at6Y~DCS4RwUSc!?;TIHQ4wXfZxz_q
zB!-8wf&lzeY;6>=K8m5$Fhe>$3(3-!w8<SG>s<xQ+0s3yk`x!~L7TI;_THxseCF4I
z$q1zF-{r0^=Peaa)%@T`I{b8d{|0EL!048OaSSmw7t`Zt2Dbsey7Q3utHR*(L4%9I
z7m9P`)OQVLn|w<TKT7oV6inB&<Z&zv0BHc4WvI?{xNu+9I4`Qxhp}Y!Aq)Up>!~aG
zj0s01u9Vy3E6?@e7f5SYrcame%F2P*y{*j72xTni7T%8yd<tO0cv!>u9r|ti&h#8v
zd@!#N=2X^rNG|`^!d(tN&-cyv@0CGz{rv6E4agjtyLu{bz?~;#&i?W#bvAnr3`nz!
zCJPW}@x?g~*-?}(h}H)3pCq$Q4?e3o#b@MxpRdhAb;Y@<GO6>)`7v2??FQSAxbK27
zFLJowvTd8Z3~AwP1pMQfEuo%~;G@dK;#_kX0$yyk|4qN|BQ|Rsqbl<0ZReBtzKKD!
z)sMJCH&3Fb(^WBtHp(hGQcF{Q{J9z4f<81Il!d|&?{aM~=BkpPQqzk~x|-AKRC5;Y
zE@-v!&Bd9EO*!JqiXBhR>j{9uYjenSI<zrs8L_k%JJJWRD6~T56_}aDlf8<2+@T+C
zR)9ptcyKiwskgcs)Qo)}367;_(#KE;!$0|sJn9rp&R6_^Cb!7V8c-7f33_+4zm-_w
zF2~MLpAqiEjI@}t<WH~H6&yn3?|0})1c_~F)a#zLzLJu^9{O^xQ1xHPWuN(jzYv8-
zKF-K=Bchh=#%>;+K8@Frc?B^8kTDC@=f&TZ*Ih-9@Na7nma*~#xF?Yeu2DDPGjuiV
z+JEe9c;jict%#qalS4GAg?~`a8<5j0OTmbx$FyRqX;@6gc^Rgs;z#tY=Ad49pt|)i
z^o4%a?19glE#qC4$64L<L37k|*UmY)+1)$ul=E<<@iK(H`Ye0T2pN{<&-}`&zbODG
zgLpylBM&6PP9EdJlW(y`F4a7DB0Ymuv;Hw1---P8rM)azOSD8H9oav3;1I|8I6Sx4
zFNMBX`LlSFI47?h)ycwAcI%j4#O&Vfrc(>6-_+BHMvIa)o-ypx?idN|FiBnxT!5Dg
zs>*tsTrR<^YG>9!mCU(P1-czJp%p|(_dO@xUg7;HxLa^kowIns!axaoI4k(K3on<h
zw1v{g*zfT2df$6nt{3sMX2~d0I8M+ayEzZrYhH%yamY3qUEqlniAd1@y128BDeMT)
z@2YVD-3amJ`eD8U`4%DVULZyc&}jvx2<5c})S~m+f~Gt_vIX%5oUb3+^i6a9aaSBm
zfyL^#CL=|yG)`&fvdC^Ninks0Ab=G~wsvqgLeb|~&w|ex|ACT1*tSyMRFgN+-_(w`
z5d^2|>$RXQu=dhl`;D5i;2*X=*|n#z7WB#eYp@Mok9V*vrfL%UX^<O^qv#4FF%$5#
z7^m?`XTY1q-__V78@)TdxGU#H(;n}1`lo#m>Dv!EY$D89=6{}uWLB!mg-`FaWeI3$
z;+n7VDUp8(7V}z`DUyoHpxg46fJr=@1PvNW>rATEra>=z*!v(g%D;Dpmu)@DRVU?u
z)U$9Xz!5OZcj7nKvTiHk?$$7AP>_|{9u+a}F3P2GM)ijmsa|j#A7T<(G4>JZDkRH&
zb5NV!$4Qe){a8dP+KUoKpf&LBUOSvP2j5X6m7d~WI)`z%As-TL;8uM)b$EGRV0J`v
zlm$j@ForeNIIBW!AZFPP8k1WblpHfsCQhJLtR(-h&$INNhSn)OyPE5<`(bdKQmKtd
z2p#Z4-rYQp6>=1)fE7g?gXB%=GhQOB@TiP~=D*Y<g;F&Wld?697HC8o?GNh(0jUV=
zc{(~2PQ>{MIIGii`+F*RJZ8-rQR*j9@|pi3G!Nc%Y<(U6z@vsC;Z^J7TI6`^LEhE1
zh{d*3ne8DsDsxaudk~HOql8u(itUu0Q|uMn!ZYCQN!1<ST21ws)lb680oVz4Cvjn_
ztcag%M)z^Ox8J^;zxnd@6+f%RCKo<yB@>2}^@Y;q4odXLt_FClU^V?C&p?DOZ5-zF
zM26FhF*dt9RvU{54~Iunt0o`vTRh5U|2(0WHKAj<c_fX6XT0@(smbEW0sI*;1g+{r
zp0k|1YdTD-<sZ!QzU>AB!|jw0D(peaR2Luj8I`bQJGOJW-AWg9KTOCHvnuK@ka@w2
z18*GG3xN}kZCa4N2GcR;JdgPfTC#oxN(q%X8)l`>53X&o%$5Lt6SM(hW)pIrh(=mg
zDz-5LFjy}}W~8iTQo;w{ztci|g>Pdu>WeRoAwDOd@#3uwFb7uMVN6;=bFX0Kc8w-?
zCA0R9gWQ`1x1YJ>8Z)peLv2}1e(^RJ@^`!-NBLaG0IOVJYIs0;C|M^H>?%}V(QKe5
zPD!%k`%IqXe<rWTk`IFrylVPZS^lx$xNge!Z$p(w?Mj!1jI-7q)AX|ah7)T?KB>@5
zVbqy83;pxU>cS{y0#+*UR%A$2a<%S!iCit`;E}S04h48Pfq+cf%p46se26pp%~25p
zgtN*aH=~V|MLE988($;<G8f)b;<m$cJ&GJFSLVe7RNteJq4findoY0Xc5tR97--|8
z1V?Q;v8*p_gUV|W0rF|h0FG^g)gsLaHMhp4eP^>2v8;+TzwV6F^V}sg1SPBTQq2&e
z5O$OmPMbYW*Zqs=Et$G2wq|d(+tpJsb(2{8C$?&Hcdll5y_qJGY7K7J+e^EqeYn1w
zxV3S7vF!~L+gLfM1UDz8Wt|aBTKlD~J#`u^#0*eON1VS=BX_`|XHzd{N(A?dyNyn0
z-#7WAWw*(LG1hC$#!d7m{4s@e+J)!XEz1^cO6OV<k-R{5pQ%&@yh;f2&J|DJFA^A3
zZri$PJyR3bHs&;S@(G`=keMg*x-#6I3azy9)!#SV#7HRP*eR|Qm^#=n<-&32t~|Wi
zyTL;iZeJ^usJ#0M;r;wVi9JbOrKD#QWbmNVvA2yuWUUC|NFs!U0cqaNpH3evg}D)c
z6MxS`O8rfP6z7r-y+rpQk{bwgaCi&ii=B3YVe4$(Iop*bQ{i1c;DRdBWb#eay=9Xz
z9biWFCtb_}<Azr#W_BI{dLA}$jQmciuT`3=$|zDiDKC{KVRm$US{%+Y)bJ><=zvnM
z6IUxP+~~gcnmfU@wGyPAVzK&Esa<UDahoaWYQ^Hu3sw^2t&QZJat``H`O75X0O!y+
z3TOm|N`1`yex6?pblN$;BxY^}>cDaPV-~b%U^6vZuonh_9_^r$&S1^Xd6A{^k2s1b
z!CcM#n!N<yxjD92Oo;)F|Jde_BI6x5mmHfPg7&(xSfNj<R;nO|*eg^slL|V8vqFoN
z;VgpU#S81Fq6simv|drq{Y+9LpV{$>rinv9pw3)=PQ#m+*h$PhZy$5Jk-sZ|w#O4I
zoS6dg%9-tG%IE!DF#0VO>J87{vd#8K?AE$hedu$E6oJ6D={us<Jv~a{`{n@vmg}eq
zmkW-_IOTR?@1`pgh-yN2*XJASzDzr^R}G5Q(p++1ujQ>R+tr^+ahuG7S1R{E@yMEf
zpEWM%{?S(`Ucg5a18R7Sl=DCE)kxFS&TI?|YwgKwu1{YQViz!LHv9Rbxgg1ommq%h
zy`wGp!#U61<wTwt1jk`y_zhM_O_WH=hmT+<3KZk}@1wUzb1~Uwq{Q0aU|RzUQp%M+
z5^QdrNb2pIFXnk+E*6x``ReSnZh~mEnnHGSIrhtHoIXjBZtPYsHR!cZZao1+OKvIZ
zr?PzteVslD4UZS`1<=!te7*f7d>1%bXl0eJ{?GB>GkNsCGJXTXIKj3(`#k5;5~h&q
zeLI@sm(nK>);cDaS50+xwW2CaoR&;u_e=mGrbhX@qH`A8=C<}Gh$#oW&b}>He2|Js
z7;)(3UkBU+2r|uw$<yNnZj)v01Po`~FuugqvnB|#Nr^9t`8ZQ<43Eo^7_lUx{njt{
zUk3?J!0sQ{lsld=QSPJ*Dijn2bkiDUejg$lif~^Do38v&v60_Akafq<h7PY!d`@_b
zmjpI7r&53lSK_$=2_+$-)4b1d0Us77WUO~Sz=Zh)ISJ;pjP|+MAL8yZi0Vn`Nm_fg
zoSVw;BC;$o08xsW2T~_4SoYlpUx&sWj@rn_UZj=!<1>r0)*WGr*kb+q&HFG6Nr!g+
zeLUyyeR4bM<MJuEM>yBo>FSEFd%0dF?qRv<3GXuJQ*2VH&Y4(+iqQ+DY?ij0XHs<<
z4%r~~Jq;D6Mm-)vK-APwBdfZepWc=iXl!iS!KOc5>sZZUo_&h!kNL8x3<i-1)y(WV
z2JJPAuB&Cd<)^_-GO;or^`e%-kIl)<>g<LBA48wn=Faf2j9QLyjBe6U(&2_im^pn?
zR>#)WyWbjJgI98g<z^p_TfrNKLi5M$f)F69nb!s%uWI8w<$%A5Y$J;WHZz+;k$>>-
z&LcoYN}MVCZhJS6Q{r;gqG&T7__C3+Z{lDbdf1EDE<&@ZMe59>+H>@yG4(bcr!2=i
z!Ms_;a3i_-n|A1ngpGUT$MEU`l{8jz1a$kwJ)PgJ&6}<?24JtvLW}G9qYIQ*U_4Z@
z4NjZU4kfot>MTM<@OTEk5nTSdn6=EaEA&h1i{=!pD%W&8AA?~bFDiNSK`QbraHnC#
zcUXmeCh*!$wJR)XnX<eMLb&i)0Yb>rIkh5C_a|aEJ!%oesZ4sU+lw%Tv{(y7k6N*l
z%aR~+!?kA}z&pW`7adNGijUJ#8!aM#;eP6HLN&W&+|;A(Q$nLIQW=Z=u2o+AT@+UL
zyo$!jFK|cXS9vTel%t$&kyb2~BF(<s+Wp3|#k@F}0~o6HHLH#6w~aD~F2>e{!gTCK
zh|dp9@<&y2AUkK+AGV)ggUpZpC14}_y*l-kMgLc?o--<Zn4bI;%}f_mg{{E<<Ui$M
z;(vW&T(&qaiR|d0WP%IrI@NA=vJahHJ{S{dxw)a<3VU2GmSEdQ5SA$I(Hu@Bn2&v_
z+zWkjd-FVbZ4hJ%5QhO<Y#Ooiiw*Ip*xt@N^;8IEj?nWfGEw9^%BE^idsDYDi>k=H
z?X{aqBkp!oEx03>?(581Ft1bWaZ20fgI57XgihlR!#vS^0xl%6!PxprfjKxH+pWi@
zgVO)iWa=Swx@TzgKgBY);w|xF21k12=Zy28ejK!H*MK`1Z8Cch;(CIzgCbar>L+bx
z%>90D<VOaWq&YDGl?o;lPThA=(H~n%qQyB;&VvhI>}3mDOe5vl)sL|0BX=`ae%)_e
zeNlkMymt@40Y&nt_>?0!Agul1>+3B%8VnPMINzDxl^KoRGpY>C?Qz>z1c1IjC0hgy
zf1q!i>~jgCK)>c|Cl}^OF#Zab&5hGC=$|c)Q~gNYvM^;!--}W-E8uamo3N#PwgX}J
zJosfi(TPb{K7d4W*!2NvuDVkcXp>ZYeb`Pclyk67AF=LI;*pBC{O&SvYV@CR<xv3n
z)H}KK!SQ!DF+^<2?mdU<YDQRThJN1BfDEQ0wEG>B(Z-)|k^oV1@zL>|VO3mNu8A}N
zO9wXbbBOqwH7pq9HI}s3Io9qJkI7P)X$pe~^>My8?8zrM?e73udxmb#kmaXHu=f^D
zeK6qz<p0XR?wo8#%a1@j_`nBDu|#mbiE<TA%Rf#9WkQ_0jqPEB>MEjUjr`*m;4zwf
z@2mzBd!fJU*9`rXK4B|&(iU8XPnjGvBEEU!*mOYkAFCWE=+E(v?G6AgG~oxHL~=gA
z=80u0KV`og4Tjo7mIMl+Qf$lkvoMMFZKgIfycQek)kMnd-n89M+GC+*kMkw>p6i+K
zkV~vVwnjx1*fj|$DCxXl=_59IpFk^;n^Rk0pbZ*&+PsYyp04aBP|v{8CY17*3>Nn1
z>yPGlv`o<!S%D$pJKv5yTq%d65VGo_6l)KVwaQcC2U9-LzP67!sLRGo*jM3nc_>ib
zf!5{E1mrW?<^T#H(QQ?nE8RA(H4<>o+K{B-4H3q2;;t#yzD$vOyR3tB1q6X%PBzo)
zjQKd*_Lg^V$L6p(m@Td-j6YA=@ZDoB_Xr(53aH3>`1#o5z-%yDd?m$97i*)|I3F;S
zR2Kj@P!r8kE8_<-hxl#>R0qRVhe>_@ARH2~K?X)0#tQlOj=(%$k*F#E&%|k~g3pL;
zP>8A}Oc=^)^5O-xX6?Usn4+;O4_cl>Bk5aD7>Czs!ekrFa?YK1`uSjQjGUzd0scZG
zsOs&DE#`?A*7PnR&6!dHxZnmZ@5P^3PRr4rfk|0bApS#h#`SJZP<?`|S+-H793l8P
z6_#N6v%;Ppoi}u5f3$GU<dXFREnmu6*XlJ9grmGMDfV8YxdIsXHn=&!>oZ&S+|0uC
zT84m7kW^&8lE@d2m848!Vgo;cY9zYcCNUSf$Q2cPExbDqW+$Ef4+N`Kkg|jBNKdtH
z?LxHoUx*sDBSa?ue-oaLt3?ZKckb@gb;!`zqx$ythyJB)V`E}jpg8!P4YpZA5KG1W
zb4<OwNH;vJY$?k6t}7OzOC0s43N1EhT50`v#q`VtHJZ&VKDm~QmT5M4yg&(iJQIwN
zzmJM$NzsqBH%6N_A&3ry=DgPi)pcNl*fL2rO2M+w%zA|lijfYxy`Hn20bx<#_PbDa
zM8Cv~J)Z`UxgTcCv;NaTV{Nx6cv-lZe`Cd@tvyp?1KTUb5~@rRaWY9|5?(QD%28y{
zd1)+}_IFka7!6lq3+P+kTjhcHgdDk{Zw_g$cV$m%34BIu`+@I}XjxC|fkJdALEWDa
zL(3$i%wL)0)SvmIU}tW^pflZ+vw#TfdhNHt3aSBDd1kM#xV#``(yM<kj4-PWnnk<&
zadGdaa0PM0tsO9{fw9s~%%EZO#cZtoI{5Yj;32`Dq^GIrWmT%b4=I0{gTe56<8b{%
zDyr>oK?mgw5f=G`rbYR&5%zk*Q}-LcyX3*X?a(Bf=0Ntpd@PGjTpGMvcpJX6bb~vi
zLb;~TOEBaAE%qzxl}B;c9SsHa+#Y4hlwx2-Hs?X*s@F1DXlsCPK@kn4m?gcIXo*>a
zDDzc_d{jgx%5kJ2@mt5Wt&Lu=5*cGW_AgBG&u)N<RrJRx%>OyNAd<A&WN=?IF6lHp
zZ{AHNYTvE@&^L?M!}f&{!TubGAG9hFJ|jFJRjP5u6`Ye=eMqJLa$(F>6?wK9_wR5U
zAkgjGmcGzda}xW*jMgJ6K%Sz<QX|s6$@E2;r#{>rEu+R4vCY?i23}vzs1B<;%WcD+
zzQ)&Aa&3FC{j~1vh<qb8isJ4GFQsY^bxNs}A6_k^Ya#`D{4rqJh2bTgWV^I_q<2S&
ze(H?=SRFv2mgt0WhIG;i<AUG!HsCDA#eXw!)GU-Agk(gkuXVxI=piQ1j`)NWdgp(5
zK83dO4(#OX41Ve*QKwI3gnNLhII4*1p`Gh&eyee+7jGO4ydD>MQICNti-+QdFY3}Q
z#))1+(f4m5;~rj8q_d7Iy2Qm$@?%pouH}*e-BcWxs1zM<oR+BIu@rzk)P$bKgg-9s
zv8XPC58Jj|T$8BQ;h%6T{lmvAj$P~)<j2nDXB*~@mSdIO$V#j4r-OZ9s1aTF5-xu{
zSjRcu8j?optQ6|aUnRG-xC50F+A2T)Bw|sg#J^p|KJsdXPuifA232jkq$r+|l)HQy
zL0O+X-5c<wgSIsGahg7j{7_O#Y-UVUr=hY;{vdnGOssPEa}W<`sk%aFwMzPNnA>@W
zpn7|FHr)MbIl(=2WmiKUXw{a`mUK#v)JV>W*u^2=tOGs5X)X5acShh%l3+tNf0sPN
zyQLZ~fP+7nqo)m{W`%dW0%$|=&QbrJlB>}2OiiW_yhUDmFc5IXv>=oY!-(n6<p(Qz
zU=q4IhF~NfZKI|1uO-QEZ7`Ym67wA`LLY+xFQsJn(sh@_ev)fb7NBg)iy76s;4MB|
zJ))Kllq^i1=KA6!oU-|O4!+8k#=YxIe9jJ_r38jM85tym?d2$u0b$;>kakS}bleDF
z9PQ{(_}vM^Zu+6nswA{U*QdSD9R`*rLRC=}QVI2#+y#=Q3`Fs(?I^GJ-N>27bJ1h6
z!5TJd9W05#oIE<ROg4A&8ohvb_vGsaU*W(Yak=Xh+c2jKx855KUzIt3(0p|<R=C~l
zRwa1|$$aW50bOaZROtSLWL1IvLs`gjn3kk^a{io#BzkERA;zcEcjR)XaBm_J{zojq
zOM~6JqEW=DlNJs>CueR}RUYnodValy;DT>=(ZCbl?Mx)vvhGK4&WOPKH7n6ftC!Pl
zlVn%4mt`CQs}3SZ9deiX+I%CW5{(CR$VwaO!>M<=RW24TjzR7EUE4ao?N-W4c;-&T
zC1>H<l0JuBr<%!$ynWj-f%by=^|?Jm8nrW$Wy;sqwah-7`9G7Vt*I*A90TrZdR6Sk
z@k`42med~}zf=2Lk!pzO1urx}I=9m@0!KxcjH3eQsT5dX#txmf@nEz03hzpWj2?b$
zm>V8y)KAM_)C3a&Zr@%1es9NIA;Cdua7&>$@^6lTT?!j^(l%tj7<^6%l-W}u3|0IS
T+dgP_0Q`4DLm%}~%{t^i>Z0+u

delta 11031
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
VRkn|*Qo95EyR2)3&c9&y_<!jy)8+sG