[Theme][Github] Reeder Theme

[tschinz]

Hi guys,

This is an attempt to simulate the Reeder feeling in the TinyTinyRSS Reader. Since version v2.0 it is build from scratch.

For TT-RSS >1.11 you can use the new theme
https://github.com/tschinz/tt-rss_reeder_theme

For TT-RSS < 1.11 use the Old Reeder theme. I made a legacy branch
https://github.com/tschinz/tt-rss_reeder_theme/tree/legacy

History log
v1.0 - Initial Release
v1.1 - Better colors
v1.2 - New images in Special list
v1.3 - Update for tt-rss v1.7.10
v1.4 - Supports Widescreen and Disabled Combined Feeds
v1.5 - New images for certain plugins, supported plugins are note, embed_original, evernote, share, readability, readability_mobile, inline_readability, mail, mail_to, mobilize
v1.6 - New images for facebook, twitter and googleplus plugins, better OpenSans font integration, minor bugfixes
v1.7 - Added style for article_toolbar and article_toolbar_small, minor bugfixes
v1.8 - New toolbar style and feed title
v1.9 - Version in sync with ttrss , supports TTRSS v1.9, updated some images, supports floating title, supports share notshared plugin functionality
v2.0 - Rebuild from scratch, no dependencies to tt-rss css








Let me know what you think

Cheers
tschinz

[sleeper_service]

it doesn't work on trunk, it comes up, but never displays any articles.

[tschinz]

I've tested in on the v1.7.9 Release. I don't look at the trunk stuff.

I've just updated the design (v1.1) and made it even closer to Reeder. I've updated the images in my first post.

Cheers

[sleeper_service]

I've tested in on the v1.7.9 Release. I don't look at the trunk stuff.

Cheers

well, if you ever decide to update it, let us know.

[tschinz]

When the release will change then I'll update it. The trunk is for me the beta state. At the moment it works with the latest release.
Did you look at the layout setting described in the readme? What browser are you using? It is tested in Chrome and Opera.

I just added nice images for the Special lists to have a more consistent UI.

Updated the images in my first post.

[sleeper_service]

When the release will change then I'll update it. The trunk is for me the beta state. At the moment it works with the latest release.
Did you look at the layout setting described in the readme? What browser are you using? It is tested in Chrome and Opera.

I just added nice images for the Special lists to have a more consistent UI.

Updated the images in my first post.

well, according to the programmer, trunk is the current version, all the numbered versions are is a zipped up version of trunk at some random point.

see comments: viewtopic.php?f=1&t=1680&p=8099&hilit=trunk+release#p8099

and using firefox 21.

[antiKk]

Hi tschinz,

I'd say this http://tt-rss.org/forum/viewtopic.php?f=1&t=2062 is what causes it not to work in trunk.

Just an FYI so you can update it easily for 1.7.10

[tschinz]

hello guys,

@antiKk
thanks for the info, this resolved the problem

@sleeper_service
when the trunk is the official release, then why does the update pane say that my tt-rss is up-to-date? I don't really like to git pull and merge in order to update when there is an update feature integrated.
Nevertheless I've installed the bleeding edge from github, first it still says v1.7.9 at the bottom??? I fixed some issues appearing with that tt-rss version.

Could you check if it works with you? I appreciate the help

Cheers

[sleeper_service]

Could you check if it works with you? I appreciate the help

Cheers

best as I can tell, you fixed it.

[sleeper_service]

it's nice, but the article headline text is too hooge.. hints on how to make it less so?

[tschinz]

in the reeder.css the first section is Global Settings
Change the fontsize 40px to what you want.

Code: Select all

 20 div.cdm.expanded div.cdmHeader a.title,
 21 div.cdm.active div.cdmHeader a.title,
 22 div.postTitle a{
 23   font-size: 40px !important;
 24 }


It is big, but I want the article i read to be big ... my eyes are getting tired. Perhaps I'll change it to 36px soon.

[HeikoAdams]

Code: Select all

div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title, div.postTitle a {
    font-size: 20px !important;
}

Should do the job IMHO

[sleeper_service]

in the reeder.css the first section is Global Settings
Change the fontsize 40px to what you want.

Code: Select all

 20 div.cdm.expanded div.cdmHeader a.title,
 21 div.cdm.active div.cdmHeader a.title,
 22 div.postTitle a{
 23   font-size: 40px !important;
 24 }


It is big, but I want the article i read to be big ... my eyes are getting tired. Perhaps I'll change it to 36px soon.

thanks.

[tschinz]

Hmm I just realised that there is a Widescreen mode in tt-rss. This is awesome, the 3 pane is for me the best viewing experience.

I decided to support this too and modified the theme to have a great Widescreen mode.

BTW: For widescreen mode you need to disable "Combined Feed display" and press a+W (a+Shift+w).

You'll find an example image on the github page.

https://github.com/tschinz/tt-rss_reeder_theme

Cheers

[tschinz]

Another thing who I disliked were the plugin images to share etc. Therefore I made some more UI consistent icon for certain plugins.
Just added it to the theme. And don't worry I guess I'm done for a while now

Images and history log in my first post were updated.

Cheers