三步调出舒服的阅读配色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凌晨两点还在刷章节屏幕白光晃得你直眯眼地铁里阳光刺进来白底黑字根本看不清。Koodo Reader 主题定制可以让你把背景、文字、强调色都换成自己想要的样子看完这篇就能配出自己的护眼配色。Koodo Reader 主题定制功能全景三套颜色体系与入口整个主题体系其实就是三套颜色作用范围各不相同背景色 / 文本色作用于书籍正文在阅读器右侧阅读选项面板里各 4 个预设 无限自定义预设主题卡背景 文本的组合一键套用就放在同一面板底部应用强调色改按钮、进度条这类界面的颜色在右上角设置对话框的外观页11 个预设色点 1 个自定义这些预设值硬编码在 src/constants/themeList.tsx就是面板上那些色点的来源export const backgroundList [ rgba(255,255,255,1), // 白色 rgba(44,47,49,1), // 深色 rgba(233, 216, 188,1), // 米黄 rgba(197, 231, 207,1), // 浅绿 ];所有选择都会自动记住下次打开书还是你上次留下的样子。四步切换预设主题打开阅读选项面板打开任意一本书点右侧设置图标呼出阅读选项面板在背景色一行点一个色点页面背景实时变化在文本色一行点对应颜色选深色背景时文本会自动切白想改整个应用强调色去右上角设置对话框 → 外观 → 主题色挑一个色点到这里基础效果已经出来了。按场景配阅读配色日间、深夜、纸感三组推荐组合☀️ 日间办公白底黑字或浅绿底深绿字推荐配色白底rgba(255,255,255,1) 黑字想柔和一点就浅绿底rgba(197,231,207,1) 深绿字rgba(54,80,62,1)。怎么设背景色、文本色各行分别点第 1、4 个色点即可。为什么舒服对比度高字看得最清楚浅绿比纯白少一分刺眼适合办公室和白天强光环境。 深夜护眼深色底 白字推荐配色深灰底rgba(44,47,49,1) 白字不是纯黑是带一点暖的深灰。怎么设背景色行点第二个色点系统会自动把文字切成白色不用动手第二步。为什么舒服夜间屏幕亮度和周围环境反差太大才最伤眼深灰底压低整体亮度比纯黑底长时间阅读更不费神。复古纸感米黄底 茶棕字推荐配色米黄底rgba(233,216,188,1) 茶棕字rgba(89,68,41,1)。怎么设背景色行点第 3 个点文本色行点第 3 个点。为什么舒服暖色调接近旧书页的质感对比度温和适合午后或半躺姿长时间看书。自定义 RGB 背景与文本色选色、输值、保存预设不够用背景色行最前面的 点会展开颜色选择器直接拖色块或者在输入框里敲#rrggbb/rgba(r,g,b,a)回车。文本色行同理。确认后新颜色会自动追加进色点列表等于保存成了你的自定义主题。选完颜色后核心动作就是把值写进配置、重新给书页套样式handleChangeBgColor (color, index) { ConfigService.setReaderConfig(backgroundColor, color); if (index 1) { // 选深色背景时自动把文本切成白色 ConfigService.setReaderConfig(textColor, rgba(255,255,255,1)); } this.props.renderBookFunc(); };逻辑在 src/components/readerSettings/themeList/component.tsx样式则由 src/utils/reader/styleUtil.ts 注入到书页文档中。管理技巧删除悬停在自定义色点上会出现 ×点掉即删若删的是正在用的颜色会自动回退默认恢复默认背景色 / 文本色旁的清除可去掉当前设定回到系统默认重命名自定义颜色只按色值识别界面上改不了名想改预设色名称去改配置文件里的title字段见下面开发者一节想加一个预设配色从 fork 到 PR 四步克隆仓库git clone https://gitcode.com/GitHub_Trending/koo/koodo-reader打开 src/constants/themeList.tsx在backgroundList、textList、themeList里各加一行你的配色本地跑起来进阅读选项面板验证新色点可用提交并发起 PR说明这个新配色的用途主题定制踩坑速查看症状对号入座症状自定义颜色输入后没保存原因颜色格式不合法输入框会静默回滚到上一个值。修复按占位提示输入标准#rrggbb或rgba(r,g,b,a)别漏括号。症状背景变了正文颜色没跟上原因书籍自带 CSS 强制了文字颜色覆盖了全局文本色设定。修复在文本色行手动切一次对应颜色还不行就去设置里关掉书籍自定义 CSS。症状自定义色太多分不清当前用的哪个原因自定义色点只增不减选中态又比较低调。修复悬停出 × 逐个清理实在乱了就点清除重来预设不会丢。功能需 v1.4.0 及以上版本。打开设置面板现在就去换个色。【免费下载链接】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），仅供参考 三步调出舒服的阅读配色：Koodo Reader 主题定制速通指南
三步调出舒服的阅读配色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凌晨两点还在刷章节屏幕白光晃得你直眯眼地铁里阳光刺进来白底黑字根本看不清。Koodo Reader 主题定制可以让你把背景、文字、强调色都换成自己想要的样子看完这篇就能配出自己的护眼配色。Koodo Reader 主题定制功能全景三套颜色体系与入口整个主题体系其实就是三套颜色作用范围各不相同背景色 / 文本色作用于书籍正文在阅读器右侧阅读选项面板里各 4 个预设 无限自定义预设主题卡背景 文本的组合一键套用就放在同一面板底部应用强调色改按钮、进度条这类界面的颜色在右上角设置对话框的外观页11 个预设色点 1 个自定义这些预设值硬编码在 src/constants/themeList.tsx就是面板上那些色点的来源export const backgroundList [ rgba(255,255,255,1), // 白色 rgba(44,47,49,1), // 深色 rgba(233, 216, 188,1), // 米黄 rgba(197, 231, 207,1), // 浅绿 ];所有选择都会自动记住下次打开书还是你上次留下的样子。四步切换预设主题打开阅读选项面板打开任意一本书点右侧设置图标呼出阅读选项面板在背景色一行点一个色点页面背景实时变化在文本色一行点对应颜色选深色背景时文本会自动切白想改整个应用强调色去右上角设置对话框 → 外观 → 主题色挑一个色点到这里基础效果已经出来了。按场景配阅读配色日间、深夜、纸感三组推荐组合☀️ 日间办公白底黑字或浅绿底深绿字推荐配色白底rgba(255,255,255,1) 黑字想柔和一点就浅绿底rgba(197,231,207,1) 深绿字rgba(54,80,62,1)。怎么设背景色、文本色各行分别点第 1、4 个色点即可。为什么舒服对比度高字看得最清楚浅绿比纯白少一分刺眼适合办公室和白天强光环境。 深夜护眼深色底 白字推荐配色深灰底rgba(44,47,49,1) 白字不是纯黑是带一点暖的深灰。怎么设背景色行点第二个色点系统会自动把文字切成白色不用动手第二步。为什么舒服夜间屏幕亮度和周围环境反差太大才最伤眼深灰底压低整体亮度比纯黑底长时间阅读更不费神。复古纸感米黄底 茶棕字推荐配色米黄底rgba(233,216,188,1) 茶棕字rgba(89,68,41,1)。怎么设背景色行点第 3 个点文本色行点第 3 个点。为什么舒服暖色调接近旧书页的质感对比度温和适合午后或半躺姿长时间看书。自定义 RGB 背景与文本色选色、输值、保存预设不够用背景色行最前面的 点会展开颜色选择器直接拖色块或者在输入框里敲#rrggbb/rgba(r,g,b,a)回车。文本色行同理。确认后新颜色会自动追加进色点列表等于保存成了你的自定义主题。选完颜色后核心动作就是把值写进配置、重新给书页套样式handleChangeBgColor (color, index) { ConfigService.setReaderConfig(backgroundColor, color); if (index 1) { // 选深色背景时自动把文本切成白色 ConfigService.setReaderConfig(textColor, rgba(255,255,255,1)); } this.props.renderBookFunc(); };逻辑在 src/components/readerSettings/themeList/component.tsx样式则由 src/utils/reader/styleUtil.ts 注入到书页文档中。管理技巧删除悬停在自定义色点上会出现 ×点掉即删若删的是正在用的颜色会自动回退默认恢复默认背景色 / 文本色旁的清除可去掉当前设定回到系统默认重命名自定义颜色只按色值识别界面上改不了名想改预设色名称去改配置文件里的title字段见下面开发者一节想加一个预设配色从 fork 到 PR 四步克隆仓库git clone https://gitcode.com/GitHub_Trending/koo/koodo-reader打开 src/constants/themeList.tsx在backgroundList、textList、themeList里各加一行你的配色本地跑起来进阅读选项面板验证新色点可用提交并发起 PR说明这个新配色的用途主题定制踩坑速查看症状对号入座症状自定义颜色输入后没保存原因颜色格式不合法输入框会静默回滚到上一个值。修复按占位提示输入标准#rrggbb或rgba(r,g,b,a)别漏括号。症状背景变了正文颜色没跟上原因书籍自带 CSS 强制了文字颜色覆盖了全局文本色设定。修复在文本色行手动切一次对应颜色还不行就去设置里关掉书籍自定义 CSS。症状自定义色太多分不清当前用的哪个原因自定义色点只增不减选中态又比较低调。修复悬停出 × 逐个清理实在乱了就点清除重来预设不会丢。功能需 v1.4.0 及以上版本。打开设置面板现在就去换个色。【免费下载链接】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），仅供参考