[Theme][Github] Reeder Theme

Post plugins and custom CSS snippets here
User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

[Theme][Github] Reeder Theme

Postby tschinz » 24 May 2013, 18:08

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

Image
Image
Image
Image
Image
Image

Let me know what you think

Cheers
tschinz
Last edited by tschinz on 27 Mar 2014, 13:39, edited 18 times in total.

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 00:37

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

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 25 May 2013, 01:43

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

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 02:24

tschinz wrote: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.

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 25 May 2013, 03:15

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.

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 04:04

tschinz wrote: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
Bear Rating Trainee
Bear Rating Trainee
Posts: 9
Joined: 26 Mar 2013, 03:33

Re: Reeder Theme

Postby antiKk » 25 May 2013, 04:38

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

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 25 May 2013, 12:39

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

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 13:06

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

Cheers


best as I can tell, you fixed it.

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 13:22

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

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 25 May 2013, 13:31

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.

User avatar
HeikoAdams
Bear Rating Master
Bear Rating Master
Posts: 101
Joined: 19 Mar 2013, 00:17

Re: Reeder Theme

Postby HeikoAdams » 25 May 2013, 13:39

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

User avatar
sleeper_service
Bear Rating Overlord
Bear Rating Overlord
Posts: 881
Joined: 30 Mar 2013, 23:50
Location: Dallas, Texas

Re: Reeder Theme

Postby sleeper_service » 25 May 2013, 14:03

tschinz wrote: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.

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 25 May 2013, 19:03

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

User avatar
tschinz
Bear Rating Trainee
Bear Rating Trainee
Posts: 36
Joined: 22 May 2013, 21:52
Contact:

Re: Reeder Theme

Postby tschinz » 26 May 2013, 01:21

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


Return to “Themes and plugins”

Who is online

Users browsing this forum: No registered users and 3 guests