Monaca Onsen UI Discord Chat Github Repo

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.