From 52304d10e031b0651e695efa624113bc9a4c3748 Mon Sep 17 00:00:00 2001 From: Developer Date: Tue, 10 Mar 2026 23:25:50 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E4=BF=AE=E5=A4=8D=E8=AE=BE=E7=BD=AE?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E5=92=8C=E7=8A=B6=E6=80=81=E6=A0=8F=E7=9A=84?= =?UTF-8?q?=E6=B5=85=E8=89=B2=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 关键词输入框改用暗色主题 - 页码范围输入框改用暗色主题 - 按钮样式改用霓虹青渐变 - 速度选择器改用暗色主题 - 状态栏改用暗色主题配色 - 缓存加载提示改用暗色主题 - updateStatus函数改用暗色主题状态色 --- content.js | 41 +++++++++++++++++++++++------------------ 1 file changed, 23 insertions(+), 18 deletions(-) diff --git a/content.js b/content.js index ceae95d..7971d5f 100644 --- a/content.js +++ b/content.js @@ -725,17 +725,22 @@ if (status) { status.textContent = message; status.setAttribute('data-type', type || ''); - status.style.background = '#e3f2fd'; - status.style.color = '#1976D2'; + // 默认样式 + status.style.background = 'rgba(26,31,46,0.92)'; + status.style.color = '#8892a4'; + status.style.border = '1px solid rgba(255,255,255,0.06)'; if (type === 'loading') { - status.style.background = '#fff3e0'; - status.style.color = '#f57c00'; + status.style.background = 'rgba(245,158,11,0.1)'; + status.style.color = '#f59e0b'; + status.style.borderColor = 'rgba(245,158,11,0.3)'; } else if (type === 'error') { - status.style.background = '#ffebee'; - status.style.color = '#c62828'; + status.style.background = 'rgba(239,68,68,0.1)'; + status.style.color = '#ef4444'; + status.style.borderColor = 'rgba(239,68,68,0.3)'; } else if (type === 'done') { - status.style.background = '#e8f5e9'; - status.style.color = '#388e3c'; + status.style.background = 'rgba(16,185,129,0.1)'; + status.style.color = '#10b981'; + status.style.borderColor = 'rgba(16,185,129,0.3)'; } if (type && type !== 'loading') { @@ -1264,7 +1269,7 @@ options = options || {}; var cachePanel = document.getElementById('magnet-cache-panel'); if (cachePanel) { - cachePanel.innerHTML = '
正在读取缓存...
'; + cachePanel.innerHTML = '
正在读取缓存...
'; } var overview = await getCacheOverview(getForumKey()); @@ -2052,29 +2057,29 @@ var keywordDiv = document.createElement('div'); keywordDiv.className = 'magnet-control-row'; - keywordDiv.innerHTML = ''; + keywordDiv.innerHTML = ''; var pageRange = document.createElement('div'); pageRange.className = 'magnet-control-row'; - pageRange.style.cssText = 'font-size:12px;color:#4e5d73'; - pageRange.innerHTML = '页码范围到页'; + pageRange.style.cssText = 'font-size:12px;color:#8892a4;display:flex;align-items:center;gap:8px'; + pageRange.innerHTML = '页码范围到页'; var btnContainer = document.createElement('div'); btnContainer.className = 'magnet-control-row'; var btn = document.createElement('button'); btn.textContent = '开始'; - btn.style.cssText = 'flex:1;padding:11px 14px;background:linear-gradient(135deg,#fb8c00,#ffb300);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 10px 20px rgba(251,140,0,.24)'; + btn.style.cssText = 'flex:1;padding:11px 14px;background:linear-gradient(135deg,#00d4aa,#00f5c4);color:#0a0e14;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 10px 20px rgba(0,212,170,.3)'; btn.onclick = fetchAllMagnets; var stopBtn = document.createElement('button'); stopBtn.textContent = '停止'; - stopBtn.style.cssText = 'padding:11px 14px;background:linear-gradient(135deg,#e53935,#f4511e);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700'; + stopBtn.style.cssText = 'padding:11px 14px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700'; stopBtn.onclick = stopFetch; var clearBtn = document.createElement('button'); clearBtn.textContent = '清结果'; - clearBtn.style.cssText = 'padding:11px 14px;background:#8d98a8;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700'; + clearBtn.style.cssText = 'padding:11px 14px;background:rgba(26,31,46,0.92);color:#8892a4;border:1px solid rgba(255,255,255,0.06);border-radius:12px;cursor:pointer;font-size:13px;font-weight:700'; clearBtn.onclick = clearAllResults; btnContainer.appendChild(btn); @@ -2083,8 +2088,8 @@ var speedDiv = document.createElement('div'); speedDiv.className = 'magnet-control-row'; - speedDiv.style.cssText = 'font-size:12px;color:#4e5d73'; - speedDiv.innerHTML = '抓取速度'; + speedDiv.style.cssText = 'font-size:12px;color:#8892a4;display:flex;align-items:center;gap:8px'; + speedDiv.innerHTML = '抓取速度'; settingsArea.appendChild(keywordDiv); settingsArea.appendChild(pageRange); @@ -2097,7 +2102,7 @@ if (footer) { var statusText = document.createElement('div'); statusText.id = 'magnet-status'; - statusText.style.cssText = 'margin-bottom:8px;padding:6px;background:#e3f2fd;border-radius:4px;font-size:11px;color:#1976D2'; + statusText.style.cssText = 'margin-bottom:8px;padding:10px 12px;background:rgba(26,31,46,0.92);border:1px solid rgba(0,212,170,0.3);border-radius:12px;font-size:12px;color:#8892a4'; footer.insertBefore(statusText, footer.firstChild); } }