A Better FreshRSS Experience
I've finally got FreshRSS looking somewhat pleasant after a long stretch of not being happy with any of its default themes. I don't know what it is about them — a lot of people say they're just ugly. I'm not sure I agree, but there's definitely something going on that has always had me thinking, these could be better.
And it wouldn't take much.
What I've arrived at is a combination of settings, theme enhancement and plug‑in, just enough to make things easier on the eyes. So, go ahead and apply it to your own instances, and let me know what you think.
And by all means, submit your own improvements of themes. If you think you can do better, well, let's see it.
Theme: Dark
Content Width: Narrow
Website: None
Thumbnail: None
Article Icons: Top star selected only
Extension: Three Pane Reader
User CSS:
body img, body video {
filter: brightness(.8) contrast(1);
}
img.favicon {
background: none;
border-radius: 2px;
}
html, body {
color: #aab;
font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", "PingFang SC", "Microsoft YaHei", sans-serif;
}
.day .name {
padding: 0 10px 0 0;
color: #aab;
font-size: 1.2em;
opacity: 100;
font-style: italic;
text-align: right;
text-shadow: 0px -1px 0px #333;
}
.day {
font-weight: bold;
line-height: 2em;
}
.flux .item {
line-height: 30px;
}
.tree-folder-title {
font-size: 1rem;
line-height: 2.1rem;
}
.flux_header .item.title a {
color: #e3e3e3;
}
.flux_header .title {
font-size: 0.8rem;
}
.flux.not_read .item.title,
.flux.current .item.title {
font-weight: normal;
}
.flux.not_read:not(.current) {
background: #141414;
}
.flux.not_read {
border-left-color: #ff5300;
}.header > .item {
padding: 0px;
}
h1 {
font-size: 1.25em;
line-height: 1.6em;
}
.header {
height: 5px;
}