I have a problem with initializing the Theme plugin containing a skin other than “material”.
After rendering, the page has no styles
code snippet
[HTML]
<head>
...
<script type=text/javascript src=webix.js></script>
<link rel=stylesheet title=material type=text/css href=skins/material.css>
<!-- alternative skin -->
<link rel=stylesheet title=compact type=text/css href=skins/compact.css>
<link rel=stylesheet title=flat type=text/css href=skins/flat.css>
<link rel=stylesheet title=mini type=text/css href=skins/mini.css>
<link rel=stylesheet title=contrast type=text/css href=skins/contrast.css>
<link rel=stylesheet title=dark type=text/css href=skins/dark.css>
<link rel=stylesheet title=willow type=text/css href=skins/willow.css>
...
</head>
[app.js]
import { JetApp, HashRouter, plugins } from 'webix-jet';
...
webix.ready(() => {
if (webix.env.touch) webix.ui.fullScreen();
else if (webix.CustomScroll) webix.CustomScroll.init();
const app = new MyApp();
// render no style with any other then "material"
app.use(plugins.Theme, { theme: 'dark' });
// also render no style with any other then "material" in storage.local key:theme
// this.app.use(plugins.Theme, { storage: webix.storage.local })
// render ok
// app.use(plugins.Theme);
// app.getService('theme').setTheme('dark');
app.render();
})
any idea ?