JAV-JHS 深色模式
This script should not be not be installed directly. It is a library for other scripts to include with the meta directive // @require https://update.greasyfork.org/scripts/568817/1787864/JAV-JHS-STYLE.js
const darkStyle = `
<style>
/* region 表格深色主题 */
/* 头部容器 */
html[data-theme="dark"] .subtitle-table-header { background-color: #242424 !important; border-bottom: 1px solid #333 !important; color: #bbbbbb !important; padding: 8px 12px; }
html[data-theme="dark"] .status-info { color: #40a9ff !important; }
/* 表格核心容器 */
html[data-theme="dark"] .tabulator { background-color: #1b1c1d !important; box-shadow: inset 0 0 0 1px #333 !important; border: none !important; color: #eeeeee !important; box-sizing: border-box !important; }
html[data-theme="dark"] .tabulator .tabulator-header, html[data-theme="dark"] .tabulator .tabulator-tableholder .tabulator-table { background-color: #1b1c1d !important; }
/* 表头列 */
html[data-theme="dark"] .tabulator .tabulator-header .tabulator-col { background-color: #242424 !important; color: #ffffff !important; border-right: none !important; box-shadow: inset -1px 0 0 0 #333 !important; background-image: none !important; }
/* 数据行与隔行变色 */
html[data-theme="dark"] .tabulator-row { background-color: #1b1c1d !important; color: #eeeeee !important; border-bottom: 1px solid #333 !important; min-height: 22px; }
html[data-theme="dark"] .tabulator-row.tabulator-row-even { background-color: #242424 !important; }
html[data-theme="dark"] .tabulator-row .tabulator-cell { border-right: none !important; box-shadow: inset -1px 0 0 0 #333 !important; color: inherit !important; }
/* 交互状态 */
@media (hover:hover) and (pointer:fine) {
html[data-theme="dark"] .tabulator .tabulator-row.tabulator-selectable:hover, html[data-theme="dark"] .tabulator .tabulator-row:hover { background-color: #32394d !important; cursor: pointer; }
html[data-theme="dark"] .tabulator .tabulator-row:hover .tabulator-cell { background-color: transparent !important; color: #ffffff !important; }
}
html[data-theme="dark"] .tabulator .tabulator-row.tabulator-selected { background-color: #2c3e50 !important; color: #40a9ff !important; }
/* 页脚与分页器 */
html[data-theme="dark"] .tabulator .tabulator-footer { background-color: #242424 !important; border-top: 1px solid #333 !important; color: #ffffff !important; }
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page { background-color: #333 !important; border: 1px solid #444 !important; color: #ccc !important; }
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page.active { color: #40a9ff !important; background-color: #1a2f3a !important; border-color: #40a9ff !important; }
/* 下拉菜单与弹出层 */
html[data-theme="dark"] .tabulator-edit-list, html[data-theme="dark"] .tabulator-popup-container { background-color: #242424 !important; border: 1px solid #444 !important; color: #eeeeee !important; }
html[data-theme="dark"] .tabulator-edit-list .tabulator-edit-list-item { color: #eeeeee !important; }
html[data-theme="dark"] .tabulator-edit-list .tabulator-edit-list-item.active { background-color: #1d68cd !important; }
/* 页码下拉框 */
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page-size { background-color: #333 !important; color: #eeeeee !important; border: 1px solid #444 !important; border-radius: 3px; padding: 2px 5px; outline: none; }
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page-size select { background-color: transparent !important; color: inherit !important; border: none !important; cursor: pointer; }
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page-size option { background-color: #242424 !important; color: #eeeeee !important; }
html[data-theme="dark"] .tabulator .tabulator-footer .tabulator-page-size:hover { border-color: #40a9ff !important; }
/* endregion */
/* region 相关列表 */
/* 列表容器与项 */
html[data-theme="dark"] #relatedContainer { background-color: transparent !important; }
html[data-theme="dark"] #relatedContainer .item { background-color: #242424 !important; border-bottom: 1px solid #333 !important; color: #bbb !important; }
/* 链接与辅助文字 */
html[data-theme="dark"] #relatedContainer .item a { color: #40a9ff !important; }
html[data-theme="dark"] #relatedContainer .item a:hover { color: #69c0ff !important; }
html[data-theme="dark"] #relatedContainer .item span { color: #666 !important; }
/* 状态提示框 (加载/失败) */
html[data-theme="dark"] #relatedContainer > div { background-color: #1a1a1a !important; color: #888 !important; border: 1px solid #333 !important; }
/* 底部加载更多按钮 */
html[data-theme="dark"] #relatedFooter { background-color: transparent !important; }
html[data-theme="dark"] #loadMoreRelateds { background-color: #1a2f3a !important; color: #40a9ff !important; border: 1px solid #224455 !important; }
html[data-theme="dark"] #loadMoreRelateds:hover { background-color: #203d4d !important; color: #69c0ff !important; }
html[data-theme="dark"] #loadMoreRelateds:disabled { background-color: #222 !important; color: #555 !important; }
/* 页脚提示文案 */
html[data-theme="dark"] #relatedEnd, html[data-theme="dark"] #relatedFooter > div { color: #555 !important; }
/* endregion */
/* region 选项卡 (Tabs) 深色主题 */
/* 基础背景与底边框 */
html[data-theme="dark"] .tabs.no-bottom { background: #242424; }
html[data-theme="dark"] .tabs.no-bottom ul { border-bottom-color: #444; }
/* 选项卡列表项状态 */
html[data-theme="dark"] .tabs.no-bottom ul li { color: #999; }
html[data-theme="dark"] .tabs.no-bottom ul li:hover { color: #1E9FFF; }
html[data-theme="dark"] .tabs.no-bottom ul li.active { color: #1E9FFF; border-bottom-color: #1E9FFF; }
/* 设置按钮触发器 */
html[data-theme="dark"] .tabs-settings-trigger { color: #888; }
html[data-theme="dark"] .tabs-settings-trigger:hover { color: #1E9FFF; }
/* 设置面板与箭头 */
html[data-theme="dark"] .tabs-settings-panel { background: #242424; border-color: #444; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); }
html[data-theme="dark"] .tabs-settings-panel::before { border-bottom-color: #242424; }
/* 设置面板标签 */
html[data-theme="dark"] .tabs-settings-label { color: #bbb; }
html[data-theme="dark"] .tabs-settings-label:hover { color: #fff; }
/* endregion */
/* region 翻译标题样式 */
html[data-theme="dark"] .translated-title { background: linear-gradient(135deg, #2c2c2c 0%, #1f1f1f 100%); color: #e0e0e0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); border-left: 4px solid rgb(60, 140, 65); }
/* endregion */
/* region 锚点导航样式 */
html[data-theme="dark"] .jhs_anchor_container { background-color: rgba(40, 40, 40, 0.95); border-color: #444; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); }
html[data-theme="dark"] .jhs_anchor_item { color: #bbb; }
html[data-theme="dark"] .jhs_anchor_item:hover { background-color: #3d3d3d; color: #fff; }
html[data-theme="dark"] .jhs_anchor_item.active { background-color: #1a3a3e; color: #4dd0e1; border-left-color: #4dd0e1; }
html[data-theme="dark"] .jhs_toggle_button { background-color: #333; border-top-color: #444; color: #888; }
html[data-theme="dark"] .jhs_toggle_button:hover { background-color: #444; color: #bbb; }
/* endregion */
/* region 磁力聚合深色主题 */
/* 容器与背景 */
html[data-theme="dark"] .magnet-engine-selector { background: #1e293b; border-color: #334155; }
html[data-theme="dark"] .magnet-result { background: #1e293b; border-color: #334155; border-left-color: #3b82f6; }
html[data-theme="dark"] .magnet-result:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); border-color: #475569; }
/* 文字颜色 */
html[data-theme="dark"] .magnet-title { color: #e2e8f0; }
html[data-theme="dark"] .magnet-title:hover { color: #60a5fa; }
html[data-theme="dark"] .magnet-tools, html[data-theme="dark"] .clear-history { color: #64748b; }
/* 输入框与搜索栏 */
html[data-theme="dark"] .magnet-input { background: #0f172a; border-color: #334155; color: #f1f5f9; }
html[data-theme="dark"] .magnet-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); }
/* 引擎状态反馈 */
html[data-theme="dark"] .engine-checkbox-wrapper { color: #94a3b8; }
html[data-theme="dark"] .engine-loading { background: #172554 !important; color: #60a5fa !important; border-color: #1e3a8a; }
html[data-theme="dark"] .engine-success { background: #052e16 !important; color: #4ade80 !important; }
html[data-theme="dark"] .engine-error { background: #450a0a !important; color: #f87171 !important; }
/* 文件列表 */
html[data-theme="dark"] .file-list-container { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] .file-item { color: #94a3b8; }
html[data-theme="dark"] .file-item-folder { color: #f1f5f9; }
html[data-theme="dark"] .file-list-container::-webkit-scrollbar-thumb { background: #334155; }
/* 1. 基础状态 (非重试) */
html[data-theme="dark"] .fetch-action-container {
background: rgba(30, 41, 59, 0.5) !important; /* 深蓝灰半透明 */
border-color: #334155 !important;
color: #cbd5e1 !important;
}
/* 2. 重试状态 (由 JS 动态判断样式，这里通过覆盖内联颜色实现) */
/* 注意：如果你的 isRetry 逻辑触发了内联样式的颜色切换，
以下 CSS 将会在暗黑模式下强行接管这些红色调，使其不那么刺眼 */
html[data-theme="dark"] .fetch-action-container[style*="border-color: #f87171"],
html[data-theme="dark"] .fetch-action-container[style*="background: #fef2f2"] {
background: rgba(127, 29, 29, 0.2) !important; /* 深暗红氛围感 */
border-color: #991b1b !important;
border-style: dashed !important;
}
/* 3. 内部文字与链接适配 */
html[data-theme="dark"] .fetch-action-container strong {
color: #f87171 !important; /* 保持重试文字的红色提醒，但提高明度 */
}
html[data-theme="dark"] .fetch-action-container span {
color: #94a3b8 !important;
}
/* 历史记录与错误提示 */
html[data-theme="dark"] .history-item { background: #334155; color: #cbd5e1; }
html[data-theme="dark"] .history-item:hover { background: #475569; color: #3b82f6; }
html[data-theme="dark"] .magnet-error { background: #450a0a; color: #fca5a5; }
html[data-theme="dark"] .magnet-loading { color: #64748b; }
/* 标签配置窗口 - 黑暗模式 */
html[data-theme="dark"] .tag-config-scroll-body { background-color: #1a1b1e !important; }
html[data-theme="dark"] .tag-config-info { background: #1e293b !important; border-color: #1e3a8a !important; color: #bfdbfe !important; }
html[data-theme="dark"] .tag-config-item { background: #26272b !important; border-color: #374151 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important; }
html[data-theme="dark"] .tag-config-label-text { color: #94a3b8 !important; }
html[data-theme="dark"] .cfg-input { background: #1f2937 !important; border-color: #4b5563 !important; color: #f3f4f6 !important; }
html[data-theme="dark"] .cfg-input:focus { border-color: #3b82f6 !important; }
html[data-theme="dark"] .del-tag-btn { color: #ef4444 !important; }
html[data-theme="dark"] .tag-keywords-section { background: #1f2937 !important; }
html[data-theme="dark"] .kw-badge { background: #1e3a8a !important; color: #93c5fd !important; border-color: #2563eb !important; }
html[data-theme="dark"] .remove-kw { color: #93c5fd !important; }
html[data-theme="dark"] .add-keyword-btn { background: #374151 !important; border-color: #4b5563 !important; color: #e5e7eb !important; }
html[data-theme="dark"] .add-keyword-btn:hover { background: #4b5563 !important; border-color: #64748b !important; }
html[data-theme="dark"] #addNewTagBtn { background: #26272b !important; border-color: #4b5563 !important; color: #94a3b8 !important; }
html[data-theme="dark"] #addNewTagBtn:hover { border-color: #3b82f6 !important; color: #3b82f6 !important; background: #1e293b !important; }
/* endregion */
/* region 评论列表与排序开关 */
/* 基础加载与项 */
html[data-theme="dark"] #reviewsLoading { background-color: #1a1a1a !important; color: #888 !important; border-bottom: 1px solid #333; }
html[data-theme="dark"] .jhs_review_item { background-color: #242424; border-bottom-color: #333; }
/* 评论文字内容 */
html[data-theme="dark"] .jhs_username { color: #e0e0e0; }
html[data-theme="dark"] .jhs_score_stars { color: #d4a017; }
html[data-theme="dark"] .jhs_time { color: #777; }
html[data-theme="dark"] .jhs_review_content { color: #bbb; }
/* 点赞按钮状态 */
html[data-theme="dark"] .jhs_like_btn { color: #40a9ff; background: #152d40; }
html[data-theme="dark"] .jhs_like_btn:hover { background: #1c3d5a; color: #69c0ff; }
html[data-theme="dark"] .jhs_like_btn_disabled { color: #73d13d !important; background: #1b2d11 !important; border: 1px solid #233a16; }
/* 加载动画适配 */
html[data-theme="dark"] .jhs_like_loading { background-color: #2d2d2d !important; color: #666 !important; }
html[data-theme="dark"] .jhs_spinner { border-color: rgba(64, 169, 255, 0.2); border-top-color: #40a9ff; }
/* 通用文字与行内颜色强制适配 */
html[data-theme="dark"] .toggle-text, html[data-theme="dark"] .jhs_review_floor, html[data-theme="dark"] div[style*="color: #666"], html[data-theme="dark"] span[style*="color: #333"]{ color: #e0e0e0 !important; }
/* 排序切换开关 */
html[data-theme="dark"] #reviewSortToggle { background-color: #141414 !important; border: 1px solid #333; }
html[data-theme="dark"] #reviewSortHot[style*="background: #fff"], html[data-theme="dark"] #reviewSortHot[style*="background: rgb(255, 255, 255)"], html[data-theme="dark"] #reviewSortNew[style*="background: #fff"], html[data-theme="dark"] #reviewSortNew[style*="background: rgb(255, 255, 255)"] { background-color: #333 !important; color: #40a9ff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important; }
html[data-theme="dark"] #reviewSortHot, html[data-theme="dark"] #reviewSortNew { color: #888 !important; }
html[data-theme="dark"] #reviewSortHot:hover, html[data-theme="dark"] #reviewSortNew:hover { color: #40a9ff !important; }
/* endregion */
/* region 标题栏与状态信息 */
/* 背景与边框 */
html[data-theme="dark"] .subtitle-table-header { background-color: #242424 !important; border-bottom: 1px solid #333 !important; color: #bbbbbb !important; }
/* 状态文字 (搜索中) */
html[data-theme="dark"] .status-info { color: #40a9ff !important; }
/* 跳转原站文字 */
html[data-theme="dark"] .subtitle-table-header span { color: #999 !important; }
/* 跳转原站链接 */
html[data-theme="dark"] .subtitle-table-header a { color: #40a9ff !important; margin-left: 8px; text-decoration: none; }
html[data-theme="dark"] .subtitle-table-header a:hover { text-decoration: underline; color: #69c0ff !important; }
/* endregion */
/* region 分页器与跳转控件深色主题 */
/* 基础容器与链接 */
html[data-theme="dark"] .copy-pagination-link { border-color: #444; color: #bbb; background-color: #242424; }
html[data-theme="dark"] .copy-pagination-link.copy-is-current { background-color: #2563eb; border-color: #2563eb; color: #fff; }
html[data-theme="dark"] .copy-pagination-link:not(.copy-is-current):hover { background-color: #1e293b; border-color: #2563eb; color: #60a5fa; }
html[data-theme="dark"] .copy-pagination-ellipsis { color: #666; }
/* 输入框与跳转按钮 */
html[data-theme="dark"] .jhs-jump-input, html[data-theme="dark"] .copy-jhs-jump-input { background-color: #1a1a1a; border-color: #444; color: #eee; }
html[data-theme="dark"] .jhs-jump-btn, html[data-theme="dark"] .copy-jhs-jump-btn { background-color: #242424; border-color: #444; color: #bbb; }
html[data-theme="dark"] .jhs-jump-btn:hover, html[data-theme="dark"] .copy-jhs-jump-btn:hover { background-color: #333; color: #fff; border-color: #666; }
/* endregion */
/* region 数字输入框原生箭头适配 */
/* 强制使用深色配色方案，使系统原生箭头自动变暗 */
html[data-theme="dark"] input[type="number"] { color-scheme: dark; }
/* 兼容性处理：针对部分浏览器箭头常驻且颜色不协调的问题 */
html[data-theme="dark"] input::-webkit-inner-spin-button, html[data-theme="dark"] input::-webkit-outer-spin-button { filter: invert(0.8) contrast(1.2); cursor: pointer; }
/* endregion */
/* region 悬浮设置 */
/* 容器背景与阴影 */
html[data-theme="dark"] .simple-setting, html[data-theme="dark"] .mini-simple-setting { background: #242424 !important; border-color: #444 !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important; color: #eee !important; }
/* 标签与布局控件 */
html[data-theme="dark"] .setting-label { color: #bbb !important; }
html[data-theme="dark"] .form-content input, html[data-theme="dark"] .form-content select { background: #1a1a1a !important; border-color: #444 !important; color: #eee !important; color-scheme: dark; }
html[data-theme="dark"] .form-content input:focus, html[data-theme="dark"] .form-content select:focus { border-color: #40a9ff !important; box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2) !important; }
/* 自定义开关 (mini-switch) 适配 */
html[data-theme="dark"] .form-content .mini-switch { background: #333 !important; }
html[data-theme="dark"] .form-content .mini-switch:checked { background: #3c8c41 !important; } /* 稍微调暗的绿色 */
html[data-theme="dark"] .form-content .mini-switch::before { background: #bbb !important; box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; }
html[data-theme="dark"] .form-content .mini-switch:checked::before { background: #fff !important; }
/* 状态与补丁 */
html[data-theme="dark"] input[type="checkbox"]:disabled { opacity: 0.4 !important; }
html[data-theme="dark"] input::-webkit-inner-spin-button, html[data-theme="dark"] input::-webkit-outer-spin-button { filter: invert(0.8); cursor: pointer; }
/* 显示鉴定项 */
html[data-theme="dark"] .show-item-style { color: #bbb !important; }
/* endregion */
/* region 夜间模式 - 基础组件适配 */
html[data-theme="dark"] .simple-setting,
html[data-theme="dark"] .mini-simple-setting {
background: #1f1f1f !important;
border-color: #333 !important;
color: #eee !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .cache-item {
border-color: #333 !important;
background-color: #262626 !important;
}
html[data-theme="dark"] .cache-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
background-color: #2d2d2d !important;
}
/* endregion */
/* region 夜间模式 - 侧栏适配 */
html[data-theme="dark"] .side-panel-box {
background: #262626 !important;
border-right: 1px solid #333 !important;
}
html[data-theme="dark"] .side-panel-item {
color: #bbb !important;
}
html[data-theme="dark"] .side-panel-item:hover {
background-color: #333 !important;
}
html[data-theme="dark"] .side-panel-item.active {
background-color: #1a2f3a !important;
border-left-color: #1e9fff !important;
color: #fff !important;
}
/* endregion */
/* region 夜间模式 - 表单控件适配 */
html[data-theme="dark"] .setting-label {
color: #ccc !important;
}
html[data-theme="dark"] .form-content input,
html[data-theme="dark"] .form-content select,
html[data-theme="dark"] .content-panel textarea,
html[data-theme="dark"] .keyword-input {
background-color: #2b2b2b !important;
border-color: #444 !important;
color: #eee !important;
}
html[data-theme="dark"] .form-content input:focus,
html[data-theme="dark"] .content-panel textarea:focus,
html[data-theme="dark"] .form-content select:focus {
border-color: #1e9fff !important;
}
html[data-theme="dark"] .mini-switch {
background: #444 !important;
}
html[data-theme="dark"] .mini-switch::before {
background: #bbb !important; /* 降低滑块亮度 */
}
html[data-theme="dark"] input:disabled {
background-color: #1a1a1a !important;
opacity: 0.4 !important;
}
/* endregion */
/* region 全部设置 */
html[data-theme="dark"] .keyword-label {
background-color: #333 !important;
color: #ddd !important;
border: 1px solid #444 !important;
}
html[data-theme="dark"] .add-tag-btn {
background-color: #3d4451 !important;
color: #fff !important;
}
html[data-theme="dark"] .add-tag-btn:hover {
background-color: #4b5563 !important;
}
html[data-theme="dark"] .jhs-hr {
background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(85,85,85,0.75), rgba(255,255,255,0)) !important;
}
html[data-theme="dark"] .show-item-style {
color: #aaa !important;
}
html[data-theme="dark"] .setting-box-bottom {
background: #1f1f1f !important;
border-top: 1px solid #333 !important;
color: #eee !important;
}
html[data-theme="dark"] .cache-item div,
html[data-theme="dark"] #cache-data-display pre,
html[data-theme="dark"] #total-cache-size{
background: #1f1f1f !important;
color: #eee !important;
}
html[data-theme="dark"] .cache-show-box{
background: #1f1f1f !important;
}
/* endregion */
/* region 评分区间 */
html[data-theme="dark"] .score-row {
background: #262626 !important;
border-color: #333 !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
html[data-theme="dark"] .score-row span {
color: #aaa !important;
}
html[data-theme="dark"] .score-row input {
background: #1f1f1f !important;
border-color: #444 !important;
color: #eee !important;
}
html[data-theme="dark"] .score-row .style-picker-container {
background: #1a1a1a !important;
border-color: #444 !important;
}
html[data-theme="dark"] .score-row button {
background: #333 !important;
border-color: #444 !important;
color: #ccc !important;
}
html[data-theme="dark"] .score-row .deleteRow {
background: #3a1f1f !important;
border-color: #5c2c2c !important;
color: #ff7875 !important;
}
/* endregion */
/* region 鉴定记录 */
/* 下拉菜单容器 (sub-btns-menu) */
html[data-theme="dark"] .sub-btns-menu { background: #242424 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; border: 1px solid #444 !important; }
/* 搜索输入框 (searchCarNum) */
html[data-theme="dark"] #searchCarNum { background: #1a1a1a !important; border-color: #444 !important; color: #eee !important; outline: none !important; }
html[data-theme="dark"] #searchCarNum::placeholder { color: #666 !important; }
html[data-theme="dark"] #searchCarNum:focus { border-color: #40a9ff !important; box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2) !important; }
/* 重置按钮 (clearSearchbtn) 内部补丁 */
html[data-theme="dark"] #clearSearchbtn { background: #333 !important; color: #ddd !important; border: 1px solid rgba(255,255,255,0.1) !important; }
html[data-theme="dark"] #clearSearchbtn:hover { background: #444 !important; color: #fff !important; }
/* 链接参数项 */
html[data-theme="dark"] .table-link-param { color: #40a9ff !important; }
html[data-theme="dark"] #dataType { background-color: #1a1a1a !important; color: #eee !important; border-color: #444 !important; color-scheme: dark; outline: none !important; }
html[data-theme="dark"] #dataType option { background-color: #242424 !important; color: #eee !important; }
html[data-theme="dark"] #dataType:focus { border-color: #40a9ff !important; box-shadow: 0 0 0 2px rgba(64, 169, 255, 0.2) !important; }
/* 统计 */
html[data-theme="dark"] .history-time-stats{background:#2d2d2d;border-color:#444;color:#ccc;}
html[data-theme="dark"] .history-time-stats:hover{background:#383838;border-color:#555;}
html[data-theme="dark"] .stats-data-panel{background:#1e1e1e;border-color:#333;box-shadow:0 6px 20px rgba(0,0,0,0.4);}
html[data-theme="dark"] .stats-data-panel .stats-row{border-bottom-color:#333;}
html[data-theme="dark"] .stats-data-panel .label{color:#999;}
html[data-theme="dark"] .stats-data-panel .count{color:#4daaff;}
html[data-theme="dark"] .stats-data-panel div[style*="border-bottom"]{border-bottom-color:#444 !important;}
/* endregion */
/* region 新作品 */
/* 1. 整体容器与搜索栏适配 */
html[data-theme="dark"] .newVideoToolBox {
background-color: #1b1c1d !important;
}
html[data-theme="dark"] #paramStarName,
html[data-theme="dark"] #paramActressType,
html[data-theme="dark"] #paramSourceType {
background-color: #2b2b2b !important;
border-color: #444 !important;
color: #eee !important;
}
html[data-theme="dark"] #newVideoSearchBtn {
background: #1d68cd !important; /* 稍微调暗蓝色 */
}
/* 2. 卡片列表容器背景 */
html[data-theme="dark"] #actress-card-container {
background: #1b1c1d !important;
}
/* 3. 女优卡片适配 */
html[data-theme="dark"] .actress-card {
background: #242424 !important;
border-color: #333 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="dark"] .actress-card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
border-color: #444 !important;
}
html[data-theme="dark"] .actress-card-name {
color: #40a9ff !important;
}
html[data-theme="dark"] .actress-card-allname {
color: #888 !important;
}
html[data-theme="dark"] .actress-card-avatar {
border-color: #333 !important;
background-color: #1a1a1a !important; /* 防止透明底图在深色下发亮 */
}
/* 4. 分页栏适配 */
html[data-theme="dark"] #actress-pagination {
border-top-color: #333 !important;
background-color: #1b1c1d !important;
}
/* 5. 拟物化按钮 (Neumorphism) 夜间适配 */
html[data-theme="dark"] .card-btn {
background: linear-gradient(145deg, #2a2a2a 0%, #1f1f1f 100%) !important;
box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.4),
-6px -6px 12px rgba(255, 255, 255, 0.05) !important; /* 阴影变重，高光变淡 */
border: 1px solid #333 !important;
}
html[data-theme="dark"] .card-btn:hover {
background: #2a2a2a !important;
box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.5),
inset -4px -4px 8px rgba(255, 255, 255, 0.02) !important;
}
/* 6. 特殊标签微调 */
html[data-theme="dark"] .card-tag {
background-color: #b33939 !important; /* 降低斜角标签的红色亮度 */
opacity: 0.9;
}
/* endregion */
/* region 新作品添加演员 */
/* 1. 表单标签文字颜色 */
html[data-theme="dark"] .addFormHtml-container label {
color: #ccc !important;
}
/* 2. 输入框、文本域、下拉框适配 */
html[data-theme="dark"] #edit-actress-avatar,
html[data-theme="dark"] #edit-actress-name,
html[data-theme="dark"] #edit-actress-allname,
html[data-theme="dark"] #edit-actress-url,
html[data-theme="dark"] #actressType,
html[data-theme="dark"] #edit-actress-newvideolist,
html[data-theme="dark"] #edit-remark {
background-color: #2b2b2b !important;
border-color: #444 !important;
color: #eee !important;
}
/* 3. 焦点状态 */
html[data-theme="dark"] #edit-actress-avatar:focus,
html[data-theme="dark"] #edit-actress-name:focus,
html[data-theme="dark"] #edit-actress-url:focus {
border-color: #007bff !important;
outline: none;
}
/* 4. 头像预览图边框微调 */
html[data-theme="dark"] #edit-avatar-preview {
border-color: #444 !important;
background-color: #1a1a1a !important;
}
/* 5. 按钮适配 (针对次要按钮) */
html[data-theme="dark"] #select-cdn-btn {
background-color: #495057 !important;
color: #ddd !important;
}
html[data-theme="dark"] #search-avatar-btn {
background-color: #0056b3 !important; /* 稍微降低蓝色亮度 */
}
/* 6. Placeholder 适配 */
html[data-theme="dark"] ::placeholder {
color: #666 !important;
}
/* endregion */
/* region 新作品列表查看 */
html[data-theme="dark"] .new-video-grid { background: #121212; }
html[data-theme="dark"] .new-video-card { background: #1e1e1e; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
html[data-theme="dark"] .new-video-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.6); }
html[data-theme="dark"] .new-video-thumb { background: #2d2d2d; }
html[data-theme="dark"] .new-video-title { color: #e0e0e0; }
html[data-theme="dark"] .new-video-meta { color: #999 !important; }
html[data-theme="dark"] .new-video-meta .publish-time { background: #2a2a2a; padding: 1px 4px; border-radius: 2px; }
/* endregion */
/* region 更新日志 */
html[data-theme="dark"] .version-container {
color: #ccc !important;
}
/* 整个卡片的边框和背景 */
html[data-theme="dark"] .version-section {
border-color: #333 !important;
background-color: #1e1e1e !important;
}
/* 标题栏（Summary）部分 */
html[data-theme="dark"] .version-section summary {
background-color: #2d2d2d !important;
color: #5dade2 !important;
}
html[data-theme="dark"] .version-section summary:hover {
background-color: #383838 !important;
}
/* 内部列表内容区 */
html[data-theme="dark"] .version-content {
background-color: #1e1e1e !important;
border-top-color: #333 !important;
color: #bbb !important;
}
/* 版本号数字 */
html[data-theme="dark"] .v-num {
color: #5dade2 !important;
}
/* 更多日志条目 */
html[data-theme="dark"] .more-log-item {
border-bottom-color: #333 !important;
}
html[data-theme="dark"] .more-log-version,
html[data-theme="dark"] .more-log-list{
color: #bbb !important;
}
/* 列表项加粗文字颜色微调 */
html[data-theme="dark"] .version-content strong {
color: #ddd !important;
}
/* endregion */
/* region 日志控制台 */
/* 1. 基础容器与文字一致性 */
html[data-theme="dark"] .console-logger-window,
html[data-theme="dark"] .console-logger-content {
background: #1a1a1a !important; /* 纯正深灰背景 */
}
/* 统一文字颜色：包括时间戳 */
html[data-theme="dark"] .console-logger-message,
html[data-theme="dark"] .console-logger-timestamp {
color: #d1d1d1 !important;
}
/* 2. 头部、按钮与过滤器 */
html[data-theme="dark"] .console-logger-header,
html[data-theme="dark"] .console-logger-toggle {
background: #111 !important;
border-bottom: 1px solid #333 !important;
}
html[data-theme="dark"] .console-logger-filters {
background: #1a1a1a !important;
border-bottom: 1px solid #282828 !important;
}
html[data-theme="dark"] .console-logger-filter {
background: #262626 !important;
color: #999 !important;
border: 1px solid #3a3a3a !important;
}
/* 3. 日志级别背景色 (关键：大幅降低透明度，保持氛围感) */
/* Base: 极淡的灰蓝 */
html[data-theme="dark"] .console-logger-entry[data-type="base"] {
background: rgba(52, 152, 219, 0.12) !important;
border-left: 3px solid #3498db !important;
}
/* Warn: 极淡的琥珀金 */
html[data-theme="dark"] .console-logger-entry[data-type="warn"] {
background: rgba(241, 196, 15, 0.1) !important;
border-left: 3px solid #f1c40f !important;
}
/* Error: 极淡的樱桃红 */
html[data-theme="dark"] .console-logger-entry[data-type="error"] {
background: rgba(231, 76, 60, 0.15) !important;
border-left: 3px solid #e74c3c !important;
}
/* Debug: 极淡的烟雾灰 */
html[data-theme="dark"] .console-logger-entry[data-type="debug"] {
background: rgba(149, 165, 166, 0.08) !important;
border-left: 3px solid #95a5a6 !important;
}
/* 4. JSON 与 链接 */
html[data-theme="dark"] .console-logger-json-preview {
background: rgba(0, 0, 0, 0.3) !important;
border: 1px solid #333 !important;
color: #9cdcfe !important; /* 保持代码高亮感 */
}
html[data-theme="dark"] .console-logger-entry a {
color: #40a9ff !important;
text-decoration: underline;
}
/* 5. 交互按钮 */
html[data-theme="dark"] .console-logger-scroll-to-bottom,
html[data-theme="dark"] .console-logger-json-toggle {
background: #333 !important;
color: #ccc !important;
border: 1px solid #444 !important;
}
html[data-theme="dark"] .console-logger-scroll-to-bottom:hover {
background: #444 !important;
}
/* endregion */
/* region 夜间模式 - 以图识图功能适配 */
/* 1. 上传区域适配 */
html[data-theme="dark"] #upload-area {
background-color: #222 !important;
border-color: #455a3a !important; /* 调暗绿色虚线 */
color: #ccc !important;
}
html[data-theme="dark"] #upload-area:hover {
background-color: #282828 !important;
border-color: #76b947 !important;
}
/* 拖拽进入状态 */
html[data-theme="dark"] #upload-area.highlight {
background-color: rgba(33, 150, 243, 0.1) !important;
border-color: #2196F3 !important;
}
/* 2. 识图站点按钮适配 */
html[data-theme="dark"] .search-img-site-btn {
background-color: #2b2b2b !important;
border-color: #3f3f3f !important;
color: #bbb !important;
}
html[data-theme="dark"] .search-img-site-btn:hover {
background-color: #383838 !important;
border-color: #555 !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
/* 3. 历史记录区域 */
html[data-theme="dark"] .history-container {
border-top-color: #333 !important;
}
html[data-theme="dark"] .history-title,
html[data-theme="dark"] .search-header-title {
color: #999 !important;
}
html[data-theme="dark"] .recognition-history-item {
background-color: #1a1a1a !important;
border-color: #333 !important;
}
html[data-theme="dark"] .recognition-history-item:hover {
border-color: #2196F3 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
/* 4. 清空与功能按钮 */
html[data-theme="dark"] .clear-history:hover {
background-color: rgba(244, 67, 54, 0.15) !important;
}
html[data-theme="dark"] #openAll {
border-color: #1e88e5 !important;
color: #1e88e5 !important;
}
html[data-theme="dark"] #openAll:hover {
background-color: #1e88e5 !important;
color: #fff !important;
}
/* 5. 搜索结果面板适配 */
html[data-theme="dark"] #search-results {
background: #1e1e1e !important;
border-color: #333 !important;
}
/* 6. 表单文字与勾选框 */
html[data-theme="dark"] .auto-open-wrapper {
color: #888 !important;
}
html[data-theme="dark"] .auto-open-wrapper:hover {
color: #2196F3 !important;
}
/* 针对深色模式下的图片亮度轻微降低（避免亮色图片在全黑环境下刺眼） */
html[data-theme="dark"] .recognition-history-item img {
opacity: 0.85;
transition: opacity 0.2s;
}
html[data-theme="dark"] .recognition-history-item:hover img {
opacity: 1;
}
/* endregion */
html[data-theme="dark"] .jhs-input { background-color: #1d1e1f; border: 1px solid #4c4d4f; color: #e5eaf3; }
html[data-theme="dark"] .jhs-input::placeholder { color: #636466; }
html[data-theme="dark"] .jhs-input:focus { border-color: #409eff; background-color: #242526; box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.2); }
</style>
`
document.head.insertAdjacentHTML("beforeend", darkStyle);