How to use the dark theme

[Harvey Triana]

Hello

Works fine

<link href="~/Content/themes/default/style.css" rel="stylesheet" />

Simple change to:

<link href="~/Content/themes/default-dark/style.css" rel="stylesheet" />

Does not work!

Why?

How to use dark theme?

Thanks in advanced

[Ivan Bozhanov]

You also need to change your jstree config - set theme.name to "default-dark":
$('#tree').jstree({"core" : { "themes" : { "name" : "default-dark" } }...

Best regards,
Ivan

[Harvey Triana]

Ivan -

Sorry. Off course the script was write correct, that is

var treeObject = {

            core: {

                data: [// nodes array

...,

                themes: {

                    name: "default-dark",

                    responsive: true,

                    icons: false,

                },

            }

        };

No works, with:

<link href="~/Content/themes/default-dark/" rel="stylesheet" />

Do you have a simple sample? - Do you wan send you my dummy sample?

Regards

Luis Harvey Triana Vega

[Harvey Triana]

Error here!

~/Content/themes/default-dark/

Sorry

[Desmond Daignault]

I got it to work by using the following:
      'plugins': [
          "themes"
      ],
     'core': {
          "themes": {
            "name": 'default-dark',
            "dots" : true,
            "responsive" : true,
            "stripes": false
          },
    ....

Be sure that the "themes" section is under "core" not a sibling of "core" and that you have the "themes" plugin in the "plugins" section.
Also on the page that loads your css files, be sure to have the correct path to the default-dark/style.min.css.

--
Dez.