企业官网建设流程全解析

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

深夜 12 点，你开着 Koodo Reader 读电子书，整个应用已经切了夜间模式，外壳暗了下来，可书页那块 PDF 还是惨白，刺得你眯起眼。问题其实不在夜间模式，而在你没碰到"外观定制"里更细的几把扳手。Koodo Reader 是一个覆盖 Windows、macOS、Linux、Android、iOS 和 Web 的现代电子书管理器兼阅读器，它把外观拆成了能单独拧的几层：外壳明暗、书页配色、强调色，外加最后兜底的一段 CSS。下面按从省事到硬核的顺序，带你把每层摸清楚。

先分清：外观到底管哪三块

Koodo 的外观不是一个总开关，而是三块互不打架的区域。

• 应用皮肤：管整个 App 外壳的明暗（浅色 / 夜间 / 跟随系统），切夜间时会顺带把书页背景调深、文本调白。
• 阅读区配色：只作用在你盯着的那块书页上，背景色、文本色、内置背景图都能单独调。
• 强调色 + 自定义 CSS：前者改按钮、选中、高亮这类点缀色，后者让你直接写 CSS 覆盖任意细节。

先记住"外壳 / 书页 / 点缀 + 兜底"这个划分，下面三层操作都套在里头。

🌙 开箱即用：切一下应用皮肤

打开右上角设置，进「外观」标签页，最下面Appearance一栏有三个图标：跟随系统、浅色、夜间。点夜间，App 立刻暗下来，同时书页背景自动变成深色rgba(44,47,49,1)、文本变白，全程只点一次，不用你另外去改书页。

例子：白天通勤切浅色，睡前切夜间。这套联动写在 外观设置组件 的changeSkin里——切皮肤时它会一并改掉背景色和文本色，所以你看到的"自动变深底白字"是它替你做的。

🎨 轻量微调：给书页配底色和壁纸

进入阅读器，点开右侧「阅读选项」面板，往下就是背景色、文本色、预设主题三行。

• 背景色一行：白、深灰、米黄、浅绿四个圆点。点深灰，文本色会自动帮你改成白（源码里写死了选深色就切白字，避免白底白字）。
• 文本色一行：黑、白、棕、绿四个。
• 预设主题：一键套用"背景 + 文本"的整组搭配，省去你一对对地配。

例子：想要纸感护眼，背景点米黄rgba(233,216,188,1)、文本点棕rgba(89,68,41,1)，就是一套暖色护眼配色。

背景除了纯色还能换图片。Koodo 内置了几张横版壁纸，配上夜间模式就是很舒服的低刺激氛围。

⚙️ 深度定制：自定义颜色，最后直接写 CSS

这一层给想怎么玩都行的人。

自定义颜色：背景色、文本色那行最左边带+的空白圆点，点开是取色器，可以拖色块或直接敲十六进制 / rgba，回车生效。新颜色会以带×的圆点存进你的列表，持久化在themeColors.json里（备份恢复会一起带走），点×即可删除。

强调色：外观面板的「主题色」一栏，11 个预设加自定义，改的是 App 里按钮、选中、高亮的点缀色，不是书页底色。预设清单定义在 themeList.tsx：

export const themeList = [ { id: 0, color: "default", title: "Default" }, { id: 1, color: "#0179CA", title: "Blue" }, { id: 2, color: "#008F91", title: "Green" }, // 还有红、紫、橙、粉、黄……共 11 个预设 ];

想加新强调色，正确入口是面板里的自定义取色，而不是改这个文件。

终极：自定义 CSS。外观面板底部「自定义应用样式」开关打开后会出现一个文本框，粘进去的 CSS 会覆盖整个 App 的外观；阅读器里还有单独的"自定义书籍 CSS"，只作用于当前这本书。

/* 粘进「自定义应用样式」文本框 */ ::selection { background: #1e3a5f; /* 选中高亮改深蓝 */ color: #ffffff; }

收个尾：这套外观逻辑适合谁、还能怎么玩

前两层几乎零成本，第三层留给爱折腾的。它最适合夜间阅读多、想统一一套低刺激配色、或在意见中选中高亮细节的人。

还能怎么玩：把强调色调成低饱和灰蓝，背景配一张低对比壁纸再换衬线字体；用自定义 CSS 藏掉不需要的页脚。可迁移的思路是——这套"外壳 / 书页 / 点缀 + CSS 兜底"本质是把外观拆成互不冲突的几层，很多阅读器和编辑器都这么设计，学会一套基本就通吃。更多背景可以看 中文文档。

提示：自定义应用样式、自定义书籍 CSS 属于较新的能力，低版本可能没有对应开关，建议用最新版再试。

【免费下载链接】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