Themes not working

[fxpar]

Hi, thanks for this great plugin.
I could not make the theme menu work, either with true or a list of themes.
Tried to download your gh-page branch, but couldn't make it work... which version of reveal.js are you working with?
Currently testing on windows 11.
(Transition menu works fine)

[salomon-chung]

Hi,

In view-source:https://denehyg.github.io/reveal.js-menu/ I noticed:

[...]
<link
      rel="stylesheet"
      href="lib/reveal.js/dist/theme/black.css"
      id="theme"
/>
[...]

Can you check if you have id="theme" attribute in your index.html?

[fxpar]

Hi,
Thank you for your answer.
yes, the id="theme" is in the link tag. I will try to work again with it maybe during the holidays.

[AhmedThahir]

Any updates?

[gabrielbdornas]

Hi, I faced the same problem in this repo. I've been using this repo to create presentations inside the presentations folder. All presentations are generated through comping template files that are inside the templates folder.

Before installing the menu plugin I installed the Mermaid plugin. Mermaid plugin install documentation suggests that we use:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/reset.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/reveal.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/theme/black.css"
  id="theme"
/>

Which confused my local files:

<link rel="stylesheet" href="../../dist/reset.css" />
<link rel="stylesheet" href="../../dist/reveal.css" />
<link rel="stylesheet" href="../../dist/theme/solarized.css" id="theme"/>

When I realized that and remove the link tags suggested by Mermaid everything worked fine.

What I'm trying to suggest, doing your previous plugin installations could not include Mermaid, is that another link tag in your html file could be your problem, confusing the correct ones.

[jpggithub]

Hi
has anyone managed reveal.js-menu to make it work?
Personally, I didn't (reveal.js updated)
EDIT: Sorry, my fault, I didn't check the presence of id="theme" as indicated here and in the documentation! It works when it is added in index.html

[ssl-bio]

Hello,
In my case I found that the path to the theme folder was missing in the Reveal.initialize section, more specifically
menu:{themes:true, themesPath:'/path/to/reveal.js/dist/theme/'}
After setting that I'm able to change themes again