tt-rss-feedly-theme夜间模式一键切换：深色主题与toggle_night_mode插件详解
【免费下载链接】tt-rss-feedly-themeFeedly theme for Tiny Tiny RSS项目地址: https://gitcode.com/gh_mirrors/tt/tt-rss-feedly-theme
在深夜刷 RSS 时，刺眼的白色界面总是让人眼睛疲劳，而tt-rss-feedly-theme这款专为 Tiny Tiny RSS 打造的 Feedly 风格主题，不仅界面简洁美观，更提供了夜间模式一键切换能力：配合toggle_night_mode插件，你可以在深色主题与浅色主题之间瞬间切换，再也不用手动去偏好设置里翻找主题选项。本文将从安装到自定义，带你完整掌握这套深色主题的切换方案。
Tiny Tiny RSS 也能拥有 Feedly 般的深色主题 🌙
Tiny Tiny RSS（TT-RSS）是深受自建用户喜爱的开源 RSS 阅读器，但其默认界面略显朴素。tt-rss-feedly-theme 借鉴了 Feedly 的卡片式布局与清爽排版，并在此基础上内置了多套夜间模式深色主题，让你的阅读器在白天和夜晚都保持高颜值。
该主题的核心设计目标包括：
- 📱 响应式布局，手机、平板、桌面通吃
- 🗂️ 默认主题没有的卡片视图，浏览资讯像刷 Feedly 一样顺滑
- 🎨 多种深浅配色变体，满足不同场景与个人偏好
- ♿ 高对比度变体，改善无障碍阅读体验
上图展示了主题全部 8 种配色变体：第一排是默认夜间、默认浅色、sepia 夜间、sepia 浅色，第二排是高对比度、高对比度夜间、sepia 对比、sepia 对比夜间。可以看到，深色主题并非只有"黑底白字"一种选择。
安装 tt-rss-feedly-theme 深色主题：三步搞定
在体验夜间模式一键切换之前，需要先把主题安装到你的 TT-RSS 中。整个过程非常简单，按以下三步操作即可。
第一步：获取主题文件
你可以通过 Git 克隆仓库获取完整源码：
git clone https://gitcode.com/gh_mirrors/tt/tt-rss-feedly-theme也可以直接下载发布包（dist 分支）。建议使用包含feedly*.css与feedly目录的完整包，这样才能获得全部配色变体，包括本文主角——深色主题。
第二步：复制文件到 themes.local 目录
把主题文件解压后，将feedly*.css和feedly文件夹复制到 TT-RSS 根目录下的themes.local中：
[tt-rss-root]/themes.local/ ├── feedly.css ├── feedly_night.css ├── feedly-sepia.css ├── feedly-sepia_night.css ├── feedly-high-contrast.css ├── feedly-high-contrast_night.css ├── feedly-sepia-contrast.css ├── feedly-sepia-contrast_night.css └── feedly/💡 提示：
local-overrides.js是可选文件，它为 Safari 提供兼容 polyfill，并让登录、找回密码等工具页面在手机上更友好，建议一并复制。
第三步：在偏好设置中选择深色主题
进入 TT-RSS 的"偏好设置 → 个性化"，在主题下拉框中选择任意一款以_night结尾的夜间模式深色主题（如feedly_night），保存即可生效。
toggle_night_mode 插件详解：实现夜间模式一键切换
这是本文的重点。主题本身已经支持深色主题，但要实现"一键切换"的丝滑体验，还需要搭配toggle_night_mode 插件。该插件来自 ltGuillaume 的 FeedMei 项目，专为在深浅主题之间快速切换而设计。
toggle_night_mode 插件安装步骤
- 下载
toggle_night_mode插件，将其放入 TT-RSS 的plugins.local/toggle_night_mode目录 - 进入"偏好设置 → 插件"，启用
toggle_night_mode - 刷新页面，让插件生效
快捷键 a N：在深色主题与浅色主题间瞬间切换
安装完成后，只需按下快捷键a N，界面就会在当前主题与对应的夜间模式深色主题之间来回切换。例如：
- 当前使用
feedly（浅色）→ 按下a N→ 切换为feedly_night（深色） - 当前使用
feedly-sepia→ 按下a N→ 切换为feedly-sepia_night
整个过程无需进入设置页面，非常适合睡前关灯后快速进入暗光阅读状态，是真正的夜间模式一键切换体验。
如上图所示，桌面端使用 sepia 浅色展开阅读，移动端则进入 sepia 夜间深色模式，明暗分明、互不干扰。
8 种配色变体：深色主题不止一种 🌃
tt-rss-feedly-theme 的深色主题共有 4 套，各自有独特的视觉气质：
| 深色主题文件 | 特点 |
|---|---|
feedly_night | 经典黑底白字，纯正暗色，夜间阅读首选 |
feedly-sepia_night | 暖色深棕底色，护眼且适合长时间阅读 |
feedly-high-contrast_night | 超高对比度，弱光环境下文字更清晰 |
feedly-sepia-contrast_night | 暖色与高对比兼得，兼顾护眼与清晰 |
这些变体在源码中由不同的 LESS 文件驱动，例如 feedly_night.less 引用了 _night.less、_night-amber.less，分别定义基础暗色与琥珀色点缀；而 _night-blue.less 则提供了蓝色链接风格。想改源码颜色的进阶玩家，可以修改 _variables.less 后自行构建。
让系统自动切换深色主题：auto 变体
如果你不想手动按a N，还可以选择_auto结尾的变体。选择 auto 变体后，主题会跟随操作系统或浏览器的深色模式设置自动切换：系统进入夜间模式时，TT-RSS 自动换上深色主题；白天则恢复浅色。这样连快捷键都不需要，真正做到全自动的夜间模式切换。
深色主题也能自定义：CSS 变量调优 🎨
无论是浅色还是深色主题，你都可以在"偏好设置 → 个性化 → 自定义"按钮中添加 CSS 变量来微调界面，例如：
:root { --base-spacing: 30px; /* 更紧凑的间距 */ --font-size-post: 14px; /* 更小的正文 */ }相关的默认值定义在 _variables.less 中，包括字号、间距、字体、阅读宽度、卡片列数等，都可按需覆盖。
配合这些插件，夜间阅读体验更佳 ✨
除了 toggle_night_mode，官方还推荐搭配以下插件，让深色主题下的操作更顺手：
- toggle_sidebar：点击屏幕左侧即可收起/展开订阅源侧栏，深色主题下界面更清爽
- close_button：在分栏视图中关闭文章详情，移动端夜间阅读必备
- shorten_expanded：截断合并视图中的超长文章，避免深色背景下的长文刷屏
上面是卡片视图搭配高对比度深色主题的效果，文章以卡片形式平铺，信息密度高且层次分明。
小结：开启你的夜间模式一键切换之旅 🚀
tt-rss-feedly-theme 用一套主题解决了 Tiny Tiny RSS 的颜值问题，更用toggle_night_mode 插件解决了深色主题一键切换的便利性问题。安装步骤简单、切换方式灵活——既支持快捷键a N手动切换，也支持 auto 变体随系统自动变化。
现在就去 本地仓库 获取主题文件，安装配置后按下a N，体验一下深色主题带来的舒适夜间阅读吧！最后再分享一张登录页在深浅两种模式下的对比图，感受一下这套主题对细节的用心。
【免费下载链接】tt-rss-feedly-themeFeedly theme for Tiny Tiny RSS项目地址: https://gitcode.com/gh_mirrors/tt/tt-rss-feedly-theme
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
