Since I cancelled my Feedbin subscription, I have been using Miniflux as a backend. It is lightweight, and its focus is on reading content. That is exactly what I like about it.
What bothered me was the design. The interface seemed neither modern nor focused on the content.
Fortunately, Miniflux supports custom CSS. I made extensive use of it and substantially reworked the theme.
The new theme offers the following advantages.
- The look is based on Feedbin, in both light and dark mode.
- The switch happens automatically based on the system setting.
- The main navigation is centered as an icon bar, and labels appear only for the active menu item or on mouse hover.
- Articles are limited to a fixed reading width, the body text uses a serif font, and the title is centered.
- The article action bar floats at the bottom of the screen.
- The selected entry in the list is marked by a thin accent edge.
- Settings, tables, and forms follow consistent spacing and corner radii.
- Below a screen width of 600 pixels, the navigation, tables, and dialogs adapt.
- Favicons, tags, enclosures, and the category and reading time details in the article header are hidden.
- If the system requests reduced motion, the animations are disabled.
Here are a few preview images:
The CSS code and a bit of JavaScript are in a GitHub repository, so I can apply changes quickly when needed. I welcome suggestions for improvement via GitHub. You can find the repo here: Maik-Wi/modern-mini-flux-theme