From 3c267aab7bfe1c43cf3e47838fac77f2468ee74e Mon Sep 17 00:00:00 2001
From: dnjin <luogu_dnj@outlook.com>
Date: Sun, 2 Aug 2026 20:45:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B7=B1=E8=89=B2=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E4=B8=8B=EF=BC=8C=E6=AF=94=E8=B5=9B=E7=BC=96=E5=8F=B7=E7=9C=8B?=
 =?UTF-8?q?=E4=B8=8D=E6=B8=85=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/vscode-extension/src/extension.ts     |  2 +-
 packages/ui/src/components/Input/Input.tsx |  7 +++++--
 packages/ui/src/components/Input/index.tsx |  6 ++++--
 packages/ui/src/theme/vscode.css           |  2 +-
 packages/ui/src/theme/vscode.ts            |  2 +-
 packages/webview/src/WebviewApp.tsx        | 18 +++++++++---------
 6 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/apps/vscode-extension/src/extension.ts b/apps/vscode-extension/src/extension.ts
index d4f4bfb..2600c91 100644
--- a/apps/vscode-extension/src/extension.ts
+++ b/apps/vscode-extension/src/extension.ts
@@ -384,4 +384,4 @@ export async function activate(context: vscode.ExtensionContext) {
 
 export function deactivate() {
   log.info("Extension is deactivating...");
-}
+}
\ No newline at end of file
diff --git a/packages/ui/src/components/Input/Input.tsx b/packages/ui/src/components/Input/Input.tsx
index 0c4b201..0991794 100644
--- a/packages/ui/src/components/Input/Input.tsx
+++ b/packages/ui/src/components/Input/Input.tsx
@@ -7,8 +7,11 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     return (
       <input
         ref={ref}
-        className={`w-full bg-vscode-input-background text-vscode-input-foreground border border-vscode-input-border rounded px-3 py-2 
-          placeholder-vscode-input-placeholder focus:outline-none focus:ring-1 focus:ring-offset-1
+        className={`w-full bg-vscode-input-background text-vscode-input-foreground border rounded px-3 py-2
+          border-[var(--vscode-input-border,#6e7681)]
+          shadow-[inset_0_0_0_1px_var(--vscode-input-border,#6e7681)]
+          placeholder-vscode-input-placeholder
+          focus:outline-none focus:ring-2 focus:ring-[var(--vscode-focusBorder,#007fd4)] focus:ring-offset-1
           disabled:opacity-50 disabled:cursor-not-allowed ${className}`}
         {...props}
       />
diff --git a/packages/ui/src/components/Input/index.tsx b/packages/ui/src/components/Input/index.tsx
index 4a82709..1091d70 100644
--- a/packages/ui/src/components/Input/index.tsx
+++ b/packages/ui/src/components/Input/index.tsx
@@ -8,10 +8,12 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
   ({ label, error, className = '', disabled = false, ...props }, ref) => {
     const baseStyles = `
-      block w-full rounded border-vscode-input-border
+      block w-full rounded
+      border border-[var(--vscode-input-border,#6e7681)]
+      shadow-[inset_0_0_0_1px_var(--vscode-input-border,#6e7681)]
       bg-vscode-input-background text-vscode-input-foreground
       placeholder-vscode-input-placeholder
-      focus:ring-2 focus:ring-offset-2
+      focus:ring-2 focus:ring-offset-2 focus:ring-[var(--vscode-focusBorder,#007fd4)]
       transition-colors duration-200
       form-input
     `;
diff --git a/packages/ui/src/theme/vscode.css b/packages/ui/src/theme/vscode.css
index b97a25f..9341a53 100644
--- a/packages/ui/src/theme/vscode.css
+++ b/packages/ui/src/theme/vscode.css
@@ -11,7 +11,7 @@
   --vscode-button-secondaryHoverBackground: #45494e;
   --vscode-input-background: #3c3c3c;
   --vscode-input-foreground: #cccccc;
-  --vscode-input-border: #3c3c3c;
+  --vscode-input-border: #6e7681;
   --vscode-input-placeholderForeground: #cccccc80;
   --vscode-dropdown-background: #3c3c3c;
   --vscode-dropdown-foreground: #f0f0f0;
diff --git a/packages/ui/src/theme/vscode.ts b/packages/ui/src/theme/vscode.ts
index e8f924a..3fb57ae 100644
--- a/packages/ui/src/theme/vscode.ts
+++ b/packages/ui/src/theme/vscode.ts
@@ -15,7 +15,7 @@ export const defaultVSCodeTheme = {
   // 输入框相关
   'vscode-input-background': '#3c3c3c',
   'vscode-input-foreground': '#cccccc',
-  'vscode-input-border': '#3c3c3c',
+  'vscode-input-border': '#6e7681',
   'vscode-input-placeholderForeground': '#cccccc80',
   
   // 下拉框相关
diff --git a/packages/webview/src/WebviewApp.tsx b/packages/webview/src/WebviewApp.tsx
index 785e7b4..91959a2 100644
--- a/packages/webview/src/WebviewApp.tsx
+++ b/packages/webview/src/WebviewApp.tsx
@@ -14,7 +14,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
   title = "VSCode Extension",
 }) => {
   const vscode = useVSCode();
-  const [contest, setContest] = React.useState("abc345");
+  const [contest, setContest] = React.useState("");
   const [tasks, setTasks] = React.useState<Array<{ label: string; value: string; url: string; status?: string }>>([]);
   const [selectedTask, setSelectedTask] = React.useState<string>("");
   const [problem, setProblem] = React.useState<ContestProblem | null>(null);
@@ -273,7 +273,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
               <div className="font-medium mt-1">获取步骤：</div>
               <ol className="list-decimal pl-4 space-y-0.5">
                 <li>在浏览器中打开 <span className="underline cursor-pointer" onClick={() => vscode.postMessage({ command: "openBrowser", url: "https://atcoder.jp/login" })}>https://atcoder.jp/login</span> 并登录</li>
-                <li>按 <kbd className="px-1 rounded border border-[var(--vscode-input-border)]">F12</kbd> 打开开发者工具</li>
+                <li>按 <kbd className="px-1 rounded border border-[var(--vscode-input-border,#6e7681)]">F12</kbd> 打开开发者工具</li>
                 <li>切换到 <b>Application</b>（Chrome）或 <b>存储</b>（Edge）标签页</li>
                 <li>左侧找到 <b>Cookies</b> → <b>https://atcoder.jp</b></li>
                 <li>找到名为 <code className="bg-[var(--vscode-textBlockQuote-background)] px-1 rounded">REVEL_SESSION</code> 的行，双击 <b>Value</b> 列全选复制</li>
@@ -286,7 +286,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
                 value={cookieInput}
                 onChange={(e) => setCookieInput(e.target.value)}
                 placeholder={hasCookie ? "已保存 Cookie，输入新值可覆盖" : "粘贴 REVEL_SESSION 的 Value"}
-                className="flex-1 h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
+                className="flex-1 h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border,#6e7681)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
               />
               <Button
                 onClick={() => {
@@ -331,8 +331,8 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
               value={contest}
               onChange={(e) => setContest(e.target.value)}
               onKeyDown={(e) => e.key === "Enter" && void loadContest(contest)}
-              placeholder="输入比赛代号，如 abc345"
-              className="flex-1 h-[28px] text-[12px]"
+              placeholder="输入比赛代码，如 abc345"
+              className="flex-1 h-[28px] text-[12px] bg-white! text-[#000000]! placeholder:text-[#000000]! placeholder:opacity-100! shadow-none!"
               disabled={isLoading}
             />
             <Button onClick={() => void loadContest(contest)} disabled={isLoading} className="h-[28px] text-[12px]">
@@ -426,7 +426,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
                     <select
                       value={selectedSubmitTask}
                       onChange={(e) => setSelectedSubmitTask(e.target.value)}
-                      className="w-full h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
+                      className="w-full h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border,#6e7681)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
                     >
                       {submitTasks.map((t) => (
                         <option key={t.value} value={t.value}>{t.label}</option>
@@ -439,7 +439,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
                     <select
                       value={selectedSubmitLanguage}
                       onChange={(e) => setSelectedSubmitLanguage(e.target.value)}
-                      className="w-full h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
+                      className="w-full h-[28px] text-[12px] px-2 rounded border border-[var(--vscode-input-border,#6e7681)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)]"
                     >
                       {submitLanguages.map((l) => (
                         <option key={l.id} value={l.id}>{l.label}</option>
@@ -454,7 +454,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
                       onChange={(e) => setSourceCode(e.target.value)}
                       placeholder="在此粘贴或输入代码..."
                       rows={8}
-                      className="w-full text-[12px] p-2 rounded border border-[var(--vscode-input-border)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)] resize-vertical font-mono"
+                      className="w-full text-[12px] p-2 rounded border border-[var(--vscode-input-border,#6e7681)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none focus:border-[var(--vscode-focusBorder)] resize-vertical font-mono"
                     />
                   </div>
 
@@ -610,7 +610,7 @@ const WebviewApp: React.FC<WebviewAppProps> = ({
                   <select
                     value={translationMode}
                     onChange={(e) => setTranslationMode(e.target.value as "api" | "free")}
-                    className="h-[26px] text-[11px] px-1 rounded border border-[var(--vscode-input-border)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none"
+                    className="h-[26px] text-[11px] px-1 rounded border border-[var(--vscode-input-border,#6e7681)] bg-[var(--vscode-input-background)] text-[var(--vscode-input-foreground)] outline-none"
                     title="翻译模式"
                   >
                     <option value="free">免费</option>