把 Koodo Reader 调顺眼:字体、主题、排版的 3 个场景化实用调法
【免费下载链接】koodo-readerA modern ebook manager and reader with sync and backup capacities for Windows, macOS, Linux, Android, iOS and Web项目地址: https://gitcode.com/GitHub_Trending/koo/koodo-reader
Koodo Reader 是一款开源电子书阅读器,允许你在不改代码的前提下调整字体、主题、行高与对齐等自定义阅读项。本文按三个常见场景讲清楚这些设置怎么搭配,以及配置错了如何回退,目标是让眼睛和阅读节奏都舒服一点。
设置入口在哪:常用项目与默认值一览
阅读相关的选项大多集中在阅读器设置面板里。数值类项目都是滑条,选择类项目都是下拉框,对应的组件源码可以查 sliderList 与 dropdownList。
| 设置项 | 形式 | 默认值 |
|---|---|---|
| 字体大小 | 滑条 | 17px |
| 字体族 | 下拉 | 内置字体,并自动检测系统字体 |
| 主题 | 下拉 | 亮色 / 暗色预设主题 |
| 行高 | 滑条 | 1.25 |
| 字间距 | 滑条 | 0 |
| 段落间距 | 滑条 | 0 |
| 文本对齐 | 下拉 | 左对齐(左/右/居中/两端) |
| 亮度 | 滑条 | 100% |
| 反色 | 开关 | 关 |
| 背景色 | 颜色选择 | 跟随主题 |
| 跟随系统暗色模式 | 开关 | 关 |
所有取值都通过配置读写完成,比如把字号改到 20px 本质上就是这一行:
ConfigService.setReaderConfig("fontSize", "20");如何把 Koodo Reader 调成护眼深色模式 🌙
选一个暗色主题
预设主题定义在 themeList,在主题下拉里挑暗色系即可,先解决整体基调。
打开反色
有些电子书自带浅色背景或大块亮色块,暗色主题压不住。这时打开反色,把黑白互换,页面会整体变暗。
用亮度做最后微调
按当前灯光把亮度滑条往下拨,不必记固定数值,以"刺眼感消失"为准。整夜阅读的话,再选一个饱和度更低的背景色,比纯黑底配纯白字更耐看。
白天长文阅读怎么调字号和行高
字号与行高
默认行高 1.25 对网页够用,读密集的小说或论文时放到 1.5 到 1.8 更放松。屏幕较小的话,字号从 18 到 20px 起步比较稳妥。
字距、段距与对齐
中文长文给字间距一点正值会更舒展,英文技术文档保持默认即可。两端对齐能让段落边缘整齐,适合论文和书籍;代码密集的文本用左对齐更稳。
Koodo Reader 自定义主题怎么建
用一种颜色生成主题
内置主题能覆盖大部分需求,自定义主题适合想把强调色换成自己颜色的读者。流程不复杂:传入一个颜色值,themeUtil 会据此生成配套 CSS 并注入页面。
const css = generateThemeCSS("#2b6cb0"); applyThemeColor(css);进阶:注入自定义 CSS
你也可以注入自己的样式。styleUtil 负责样式组装与注入,凡能写准选择器的地方都可以改。注入没有可视化预览,建议一次只动一小处。
配置错了怎么恢复:回退与跟随系统主题
回退到默认值
滑条类项目按上表的默认值拨回去,主题重新选预设即可。不确定动过哪一项时,可以对照表格逐项检查,设置面板会显示当前值,比对很方便。
跟随系统主题
不想白天黑夜手动切换,可以开启跟随系统暗色模式(配置项isOSNight),它会随系统深浅色自动切换。
小结
没有最好的设置,只有让你不用再去想的设置。想动手试一遍,可以克隆仓库运行:
git clone https://gitcode.com/GitHub_Trending/koo/koodo-reader
【免费下载链接】koodo-readerA modern ebook manager and reader with sync and backup capacities for Windows, macOS, Linux, Android, iOS and Web项目地址: https://gitcode.com/GitHub_Trending/koo/koodo-reader
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考