 |
|
| FriendFeed is the easiest way to share online. Learn more » |
Portfolio Feedly Skin by slax - Uploaded with the Flock Browser - http://www.flock.com - http://picasaweb.google.com/slax... (via http://friendfeed.com/slax...)
 |
 |
 |
These are cool. They raise a good issue around the need to be able to adapt the icons to darker skins. As we try to implement one of these, we will see what the complete list of issues we need to address are.
- Edwin Khodabakchian
i have an idea for the icons... since they are very less number of them.. we can look into the option of a zip file containing the icons... and anyone who is looking into skinning can release/post icon zip files.. which can be uploaded from feedly page or can be put into some folder....
- slax
oh what was i thinking... i guess the better idea would be base64 images :)
- slax
It took us longer then promised but we have made progress towards making feedly somewhat skin-able. The way this works is that we have started to externalized all colors from the CSS files.
Currently we have these parameters var fTheme = { // Background ba_back : "#E9ECEB", ba_border : "#DADADA", ba_text : "#909090", ba_accent : "#444444", ba_meta : "#909090", // Main ma_back : "#FFFFFF", ma_accent : "#74AB00", ma_links : "#075FB2", ma_text : "#555555", // Side Area sa_back : "#E0ECFF", sa_accent : "#606060", sa_text : "#6A6A6A", sa_meta : "#808080", sa_links : "#075FB2" }; used to describe the colors.
- Edwin Khodabakchian
There are a couple more things we would need to do to allows you to define your own color scheme: 1) make sure that all colors are externalized - we have not done everything yet and 2) let users overwrite these colors - we could start with some kind of advanced preferences where you could plug a custom version of the JS
- Edwin Khodabakchian
One thing that would be useful would be to determine if those set of knobs are enough for you to create your skin or if you need more.
- Edwin Khodabakchian
looks like 14 parameters in fTheme, i guess we need to know 1) how many parameters will define the skin, 2) then maybe you can add/edit present parameters. 3) then work on JS to get a skin page similar to preferences page
- slax
The are current 14 which have been externalized. They might be a few more by the time we extract some of the other color information. I would also like to move the read and unread information into that format.
- Edwin Khodabakchian
are these paramaters/knobs related to single or multiple css id/class ? how are they connected ?
- slax
Yes. Once we have the right set of knobs, we can do 2 things: have a set of built in skins (4-8) that the user can pick and have a more advance page where the user can customize each color. I think that having the 4-8 built in skins will already go a long way.
- Edwin Khodabakchian
I am currently working on a new version of the cover/expose. As soon as that is out (2-3 days) I will add the preference to let you change the existing 14 parameters so that you can play with it and see how far that takes us.
- Edwin Khodabakchian
since i have made 3 skins today, have a look at screenshots http://picasaweb.google.com/slax... [still in beta, need to fine tune yet :) ]... i will check these knobs with the CSS and will let you know the feedback. new version of cover/expose sounds great, have you posted the developments on that anywhere on net ?
- slax
These parameters are connected to multiple class ids. The benefit is that is allows us to be consistent across the UI without having to always us the same CSS classe names and DOM IDs. Think of those as CSS variables that we inject dynamically into the final CSS which gets handed to the browser.
- Edwin Khodabakchian
Dynamic CSS injection sounds exciting...
- slax
Other ways to read this feed:
