Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

How can I switch the theme?

  • I’m starting to use onsenUI to build my Tiny app with material-ui style. I’m having trouble to change the default theme to others, which I’v found in the stylus dir, specifically, the .style files like blue-basic-theme.styl, purple-theme.styl etc, Is there any way to use other themes? I couldn’t figure out how.

  • @geohuz Just change this line:

    <link rel="stylesheet" href="/css/onsen-css-components.css">


    <link rel="stylesheet" href="/css/onsen-css-components-dark-theme.css">

    or whatever the relevant css file. They are typically located in: /lib/onsenui/css. They styl files aren’t used but there are matching css files.