by ltGuillaume: Codeberg | GitHub | Buy me a beer 🍺

A clean and minimal theme for Tiny Tiny RSS, loosely inspired by Feedly. Built by making the minimal amount of changes to the default theme.

This repo also includes a set of plugins (see details). Finally, there's an update & cleanup script to easily update your Tiny Tiny RSS instance to the latest commit.

FeedMei+ (feedmei+.css) adds a few other tweaks:

• Use the font PT Serif for article contents
• To optimize legibility, set a maximum width for the article contents
• Increase the font size for article headers
• Reduce the size of the first article image and align it to the right
• Enable smooth scrolling (since this interferes with the option Mark read on scroll, it's been disabled)

This theme can only be used in Tiny Tiny RSS v19.2 or later. FeedMei v2.1.8+ only works on commit 4ab3854aed or later.
Since I'm stuck using the latest commit with support for mysql/mariadb, FeedMei is unlikely to be tested on newer commits. Drop me a note if things start to break.
Just copy the contents of themes.local to the themes.local folder of your Tiny Tiny RSS installation. You can also copy plugins.local to your installation for additional functionality (see README.md).

If you want to use the menu option "Toggle night mode" for this (or any other custom) theme, instead of just the default theme, be sure to copy over plugins.local/toggle_night_mode and enable it in the plugin preferences. This plugin checks if the active custom theme has a themes.local/[theme]_night.css variant and enables/disables it. If there's no such file, the plugin will revert to the default behavior (and use the default theme to toggle night mode).

For optimal reading, the article shouldn't stretch out too far. Add this to feedmei.css, or use feedmei+.css, which includes more of my personal preferences:

div.cdm.expanded {
	width: calc(100% - 72px);
	max-width: 960px;
	margin: 21px auto;
}

.content {
	max-width: 50em;
	margin: 0 auto;
}

In combined mode, put some space between the article and the header when jumping to previous/next article with hotkeys. In rss/js/Article.js replace:

ctr.scrollTop = row.offsetTop

with

ctr.scrollTop = row.offsetTop - (App.getInitParam("cdm_expanded") ? 18 : 0)