Custom Themes - iOS, Android & Windows 8


#1

So i’m debating whether or not to start building out some custom themes for ionic but I’ve heard mixed things about customizing the Scss. Does anyone have experience with customizing the scss to make everything look more like a native app (iOS, android, windows)?

I ask because I’m considering forking chocolatechip-ui (or something else) to ionic.


#2

Hmm, if you need to make a custom a theme, I do have gist set up to help the process

As far as making a theme for WP8, just know we don’t really support it. So you’re best off staying with android and ios


#3

Cool thanks.
I’m diving into the scss files right now.

These example will give you more of an idea of what I’m working on.

iOS 6:
http://cssnerd.com/2011/11/30/the-best-pure-css3-ios-style-arrow-back-button/
http://lea.verou.me/2013/03/ios-6-switch-style-checkboxes-with-pure-css/

iOS 7:
http://www.idangero.us/framework7/get-started/#.U9LRE_ldWvg

Windows:
http://ui-cloud.com/modern-touch-ui-kit/
(in actual code see: http://metroui.org.ua/ as reference)

So far I got around to testing the basic buttons on the sliderbox tutorial example but there are some issues with the button not being clickable.