Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryanccn/modernflux
A modern look and feel for Miniflux
https://github.com/ryanccn/modernflux
catppuccin css custom-css flexoki miniflux rss rss-aggregator rss-reader scss userstyle userstyles
Last synced: 14 days ago
JSON representation
A modern look and feel for Miniflux
- Host: GitHub
- URL: https://github.com/ryanccn/modernflux
- Owner: ryanccn
- License: agpl-3.0
- Created: 2023-03-08T15:30:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-14T10:21:40.000Z (about 1 month ago)
- Last Synced: 2024-10-19T16:48:50.425Z (26 days ago)
- Topics: catppuccin, css, custom-css, flexoki, miniflux, rss, rss-aggregator, rss-reader, scss, userstyle, userstyles
- Language: SCSS
- Homepage: https://modernflux.ryanccn.dev/
- Size: 381 KB
- Stars: 45
- Watchers: 2
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Modernflux
A **modern look and feel** for [Miniflux](https://miniflux.app/), with beautiful color schemes based on [Catppuccin](https://catppuccin.ryanccn.dev/) and [Flexoki](https://stephango.com/flexoki).
![Demo](/.github/demo.png)
## Installation
> [!NOTE]
> Miniflux's default Content Security Policy does not allow external stylesheets to be loaded, so you'll have to copy in the stylesheets into your **Custom CSS** manually!Currently, Modernflux has two color schemes available: Catppuccin and Flexoki. Each has different choices of variant and accent color:
| Color scheme | Variants | Accent colors |
| ------------ | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| Catppuccin | `latte`, `frappe`, `macchiato`, `mocha` | `rosewater`, `flamingo`, `pink`, `mauve`, `red`, `maroon`, `peach`, `yellow`, `green`, `teal`, `sky`, `sapphire`, `blue`, `lavender` |
| Flexoki | `light`, `dark` | `red`, `orange`, `yellow`, `green`, `cyan`, `blue`, `purple`, `magenta` |First, copy the contents of `https://modernflux.ryanccn.dev/base.css` into the Custom CSS setting. This includes most of the styles that Modernflux uses. Then, for the color scheme/variant/accent color you chose, copy the contents of `https://modernflux.ryanccn.dev/{color scheme}/{variant}/{accent color}.css` and put them before the base styles you previous copied.
Update your settings, and you should see your brand new modern-looking Miniflux!