237899745/sehuatang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): 修复设置区域和状态栏的浅色样式

Browse Source 
- 关键词输入框改用暗色主题
- 页码范围输入框改用暗色主题
- 按钮样式改用霓虹青渐变
- 速度选择器改用暗色主题
- 状态栏改用暗色主题配色
- 缓存加载提示改用暗色主题
- updateStatus函数改用暗色主题状态色
This commit is contained in:
Developer
2026-03-10 23:25:50 +08:00
parent 8953277de3
commit 52304d10e0
1 changed files with 23 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
content.js
View File

@@ -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 = '<div style="padding:8px;color:#666;font-size:11px">正在读取缓存...</div>';
cachePanel.innerHTML = '<div style="padding:8px;color:#8892a4;font-size:11px">正在读取缓存...</div>';
}
var overview = await getCacheOverview(getForumKey());
@@ -2052,29 +2057,29 @@
var keywordDiv = document.createElement('div');
keywordDiv.className = 'magnet-control-row';
keywordDiv.innerHTML = '<input type="text" id="keyword-input" placeholder="关键词（逗号分隔多关键词）" style="width:100%;padding:11px 12px;border:1px solid #d8e2ef;border-radius:12px;font-size:13px;box-sizing:border-box;background:#fff;color:#17314a;box-shadow:inset 0 1px 2px rgba(15,23,42,.03)">';
keywordDiv.innerHTML = '<input type="text" id="keyword-input" placeholder="关键词（逗号分隔多关键词）" style="width:100%;padding:11px 14px;border:1px solid rgba(0,212,170,0.3);border-radius:12px;font-size:13px;box-sizing:border-box;background:#0f1419;color:#f0f4f8;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)">';
var pageRange = document.createElement('div');
pageRange.className = 'magnet-control-row';
pageRange.style.cssText = 'font-size:12px;color:#4e5d73';
pageRange.innerHTML = '<span>页码范围</span><input type="number" id="page-start" value="' + currentPage + '" min="1" style="width:72px;padding:9px 10px;border:1px solid #d8e2ef;border-radius:12px;text-align:center;font-size:13px;background:#fff"><span>到</span><input type="number" id="page-end" value="' + currentPage + '" min="1" style="width:72px;padding:9px 10px;border:1px solid #d8e2ef;border-radius:12px;text-align:center;font-size:13px;background:#fff"><span>页</span>';
pageRange.style.cssText = 'font-size:12px;color:#8892a4;display:flex;align-items:center;gap:8px';
pageRange.innerHTML = '<span>页码范围</span><input type="number" id="page-start" value="' + currentPage + '" min="1" style="width:72px;padding:9px 10px;border:1px solid rgba(0,212,170,0.3);border-radius:12px;text-align:center;font-size:13px;background:#0f1419;color:#f0f4f8"><span>到</span><input type="number" id="page-end" value="' + currentPage + '" min="1" style="width:72px;padding:9px 10px;border:1px solid rgba(0,212,170,0.3);border-radius:12px;text-align:center;font-size:13px;background:#0f1419;color:#f0f4f8"><span>页</span>';
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 = '<span>抓取速度</span><select id="speed-select" style="flex:1;padding:10px 12px;border:1px solid #d8e2ef;border-radius:12px;font-size:13px;background:#fff;color:#17314a"><option value="slow">慢</option><option value="medium">中</option><option value="fast" selected>快</option><option value="ultrafast">超快</option></select>';
speedDiv.style.cssText = 'font-size:12px;color:#8892a4;display:flex;align-items:center;gap:8px';
speedDiv.innerHTML = '<span>抓取速度</span><select id="speed-select" style="flex:1;padding:10px 12px;border:1px solid rgba(0,212,170,0.3);border-radius:12px;font-size:13px;background:#0f1419;color:#f0f4f8"><option value="slow">慢</option><option value="medium">中</option><option value="fast" selected>快</option><option value="ultrafast">超快</option></select>';
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);
}
}