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 RSSTT-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），仅供参考