WillowTab
| 语言: English | 简体中文 |
WillowTab 是一款简洁优雅的新标签页扩展，提供干净的搜索入口、多搜索引擎切换、浅色/深色主题和个性化外观设置，让每次打开新标签页都更专注、更舒适。
主要特性
简洁搜索入口 / 多引擎切换
你可以使用页面中央的搜索框快速开始搜索。WillowTab 支持多搜索引擎切换，你可以根据自己的习惯选择 Google、百度、Bing 或 DuckDuckGo；也可以开启搜索联想，让输入关键词更顺手。
个性化背景
支持纯色背景或本地图片，可管理多张壁纸，并按偏好手动选择或自动切换。纯色模式提供若干柔和预设， 也可自行调整。搜索区域会根据背景颜色自动调整强调色；壁纸模式则会根据当前图片调整文字、控件和搜索框表面。
浅色 / 深色主题
支持浅色、深色以及跟随系统主题，在不同时间和使用环境下都保持舒适观感。
外观自定义
支持调整字体、圆角、阴影强度、设置按钮位置和标签页标题，让界面更贴近你的使用习惯。
隐私友好
WillowTab 不收集、不追踪、不出售个人数据。
WillowTab 适合希望新标签页保持简洁、美观、高效，同时又不想被复杂信息打扰的用户。
技术实现
自适应色彩与最终表面分析
WillowTab 不在浅色与深色文字之间简单切换，而是结合语义角色与最终渲染表面求解对比度。
flowchart TD
A["背景与展示状态"] --> B{"背景模式"}
B -->|纯色| C["color.js<br/>OKLCH 配色生成"]
C --> D["完整表面范围<br/>画布、渐变、输入面与 hover"]
B -->|壁纸| E["wallpaper-color.js<br/>按视口与 DPR 计算实际 cover 裁切"]
E --> F["最终表面合成<br/>遮罩、可读性保护、毛玻璃与 SVG 蒙版"]
D --> G["按语义角色求解对比度"]
F --> G
H["按角色与模式设定目标<br/><br/>深色模式<br/>时钟、输入文本：9.0:1<br/>搜索图标、引擎菜单文字：7.0:1<br/><br/>浅色、纯色与壁纸模式<br/>时钟、搜索控件：6.0:1"] --> G
G --> I["语义 CSS 变量"]
I --> J["时钟、文字与搜索控件"]
K["带版本的缓存键与递增令牌"] -. 防止过期分析覆盖 .-> E
css/style.css为画布文字、搜索表面与控件、面板、强调色、危险状态和壁纸毛玻璃定义语义令牌， 组件使用这些角色，而不是共用一组固定的浅色或深色值。固定深色主题采用比浅色主题更强的分角色目标：时钟与 搜索输入文本9.0:1、两枚搜索图标及搜索引擎菜单文字7.0:1、问候语5.0:1，装饰性格言3.8:1。输入文本 使用独立语义令牌，因此提高它的对比度不会连带提亮占位符、格言、搜索建议或其他次要文案。js/color.js使用 OKLCH 为纯色背景生成配色，并针对每个角色可能出现的全部表面求解，包括画布基础色、 渐变端点、输入面以及选中或 hover 状态。各角色使用独立目标；自定义纯色的普通文字目标为4.5:1，时钟与两枚 搜索图标目标为6.0:1。求解成功后，颜色会向限制对比度的表面收紧，避免直接跳到生硬的纯黑或纯白。自定义纯色 限制在 OKLCH 明度0.32–1.00、彩度0–0.14；旧版越界颜色会在加载时投影到最近的安全值。彩色背景从背景色相及其±25°邻近色中选择搜索强调色，低彩度背景继续使用品牌暖色；设置面板与搜索区域分别使用brandAccent和searchAccent。js/wallpaper-color.js按当前视口与 DPR 采样壁纸的实际cover裁切，合成全局遮罩与可读性 保护层，复现毛玻璃模糊，并按 SVG 的真实形状建立控件蒙版。控件求解器先为左右图标区域分别生成暖色候选，再选择 能让两侧最低最终表面对比度最大的候选；因此搜索引擎图标与搜索图标在每个 normal/hover 状态下始终完全同色。壁纸 目标为6.0:1，复杂明暗混合表面无法达标时记录最高可达的共享结果。- 壁纸分析缓存键包含图片、视口、遮罩、可读性设置、模糊、求解器版本和元素几何信息；
js/settings.js还使用递增令牌，防止较早完成的异步分析覆盖更新后的壁纸或视口结果。 scripts/validate-colors.js覆盖 4,096 个 RGB 网格色、12 个代表色、固定主题角色、明暗、分割与 高复杂度壁纸表面、严格同色的搜索控件、maximin 候选选择、最佳努力诊断、确定性的安全色域投影、邻近搜索强调色、 柔和预设以及单步颜色边界。
安装
Microsoft Edge
Edge 用户建议直接从 Microsoft Edge 扩展商店安装：
Google Chrome
Google Chrome 用户建议直接从 Chrome Web Store 安装：
其他 Chromium 浏览器
其他 Chromium 系浏览器用户，请从 GitHub Releases 手动安装：
下载 WillowTab-v1.7.6.zip，也就是适用于 Chromium 系浏览器的通用版。
手动安装步骤：
- 下载
WillowTab-v1.7.6.zip。 - 解压到本地文件夹。
- 打开浏览器扩展管理页面，例如
chrome://extensions。 - 启用“开发者模式”。
- 点击“加载已解压的扩展”，选择解压后的文件夹。
Chrome Web Store Package / Chrome 商店特供包
WillowTab-for-Chrome-v1.7.6.zip 是为满足 Google 合规要求提供的 Chrome Web Store 特供版，主要用于 Chrome Web Store 提交和审核。
项目结构
WillowTab/
├── manifest.json
├── newtab.html
├── privacy-policy.html
├── css/
│ └── style.css
├── js/
│ ├── i18n.js
│ ├── search.js
│ ├── clock.js
│ ├── settings.js
│ └── theme.js
├── icons/
└── chrome-store/
Chrome Web Store 版本位于 chrome-store/。其中 manifest.json、newtab.html、js/search.js、js/settings.js、js/i18n.js、privacy-policy.html、README.md 是审核策略相关的覆盖文件。
隐私、安全与贡献
开源协议
Think Different.