search

gdg-x / zeppelin

Awesome conference website in 5 minutes.
http://gdg-x.github.io/zeppelin/
MIT License
678 stars 933 forks source link

Theme color is added to colorize the app #67

Closed tasomaniac closed 9 years ago

tasomaniac commented 9 years ago

Look at the top :smile: screenshot_2015-03-14-02-33-35

Actually I am open to the ideas of this color. Since the navigation bar is grey, it look good but can be better.

tasomaniac commented 9 years ago

And as can be seen on the screenshot, I've also added "Add to homescreen" suggestion popup. http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

It is shown if the user opens the webpage in 2 separate days in 2 weeks. I need #65 to be merged to send another PR for this.

ozasadnyy commented 9 years ago

Oh, yes. I forgot to add it to Zeppelin. Thanks for a PR. About #65 please look at the my comment.

tasomaniac commented 9 years ago

I really love the similiarity between our Buy Tickets buttons and Chrome's Add to Homescreen button. It looks like it is the part of the website and looks great.

ozasadnyy commented 9 years ago

Yeap, but I guess we should move theme-color to variables and set it to #03a9f4. Then everywhere we will ise the same color.

tasomaniac commented 9 years ago

Definitely. I was thinking about that. Women Techmakers colors are slightly different for example. Since the website looks ok now, I didn't start with it. It should be variable and change most of the places. http://wtmistanbul.com/

ozasadnyy commented 9 years ago

You can do this in simple way. Jusy edit _base.scss

// Colors
$main-color: #03a9f4;
$link-color: $main-color;
$link-lighten-amount: 20%;
$base-background-color: #fff;
$base-section-background-color: $link-color;
$primary-color: #4285f4;
$primary-color-hover: #3266d5;
$icon-fill-color: #8b8b8b;