Display different theme based on platform

[reath]

Hello!
First I would like to thank the developer and all people involved in this project. I’m a newbie, but from the first one hour playing with Quasar I’m in love with it!

So I’m building a PWA application and I was wondering if it’s possible to display the ios theme to iOS visitors and the android theme to android visitors? Is the theme configuration only for when I’m building a native app or it’s possible to display the corresponding theme in a web scenario?

[s.molinari]

Check this thread out.

https://forum.quasar-framework.org/topic/701/different-ui-for-different-platform-android-iphone-using-same-code

Scott

[reath]

@s-molinari
Thank you for the response. So no way to do this, unless I deploy two different versions of the project and redirect clients.

[s.molinari]

That is correct.

Scott

[jaehyeon]

Just wonder if it’s possible to apply style conditionally? https://quasar-framework.org/guide/quasar-theming.html#Platform-Specific-Styles

An example that applies to iOS style may be

body
&.mat &.mobile & .desktop
@import ‘material-theme.styl’’
&.ios
@import ‘ios-theme.styl’

[s.molinari]

Currently, the styles are calculated and loaded with the flag set at build time. This is to lower CSS density/ file size.

Scott