Are we able to change to Dark theme at runtime?

[peterjc]

Hi, thanks for that.

Ok, so just manually link into the html file (I could add to somewhere like the assets folder)?

I did try that previously, and had trouble with the fonts etc, but perhaps I'll retry this.

[sergey.maltsev]

Hi, peterjc!

Please try this approach.

1. Add all required themes to assets section in angular.json.
This will automatically copy all themes and resources to build package.
Remove from styles section.

"assets": [
...
  {
    "glob": "**/*.css",
    "output": "assets/theme",
    "input": "./node_modules/bryntum-scheduler/"
  },
  {
    "glob": "**/*",
    "output": "assets/theme/fonts",
    "input": "./node_modules/bryntum-scheduler/fonts"
  }
],

2. Add this initial theme code to src/index.html.

 <link rel="stylesheet" href="assets/theme/scheduler.stockholm.css" id="bryntum-theme">

3. Switch theme in code with

DomHelper.setTheme('Dark');
DomHelper.setTheme('Stockholm');
...

I've added these changes to your example.
See attached sample ionic app which iterates through all available themes.

[peterjc]

OK great, looks promising!

I'll check it out!

Thank you

[peterjc]

Hi,

just examined and ran the attached example. Works perfect, exactly what I am after!

Thankyou very much!

[sergey.maltsev]

Hi!

You are welcome!