obsidian-slides-extended icon indicating copy to clipboard operation
obsidian-slides-extended copied to clipboard

🐛 custom themes are not working

Open kobalteule opened this issue 10 months ago • 10 comments

Input data (markdown source)

# Acme Corporation
## Introduction

---

Expected Behavior

Custom css being used and rendered

Current behaviour

just plain white background and black font, without any formatting

Steps to reproduce

  1. use any slide and add a custom css

Which Operating Systems are you using?

  • [ ] Android
  • [ ] iPhone/iPad
  • [ ] Linux
  • [ ] macOS
  • [x] Windows

Obsidian Version

1.8.3

Slides Extended Plugin Version

2.1.8

Checks

  • [x] I have tried it in the sandbox vault with only this plugin enabled

Possible solution

I am using the demo-vault "custom slideshow" from the discussions. the slides are show, however, when I add my css which was working with advanced slides, it seems as if it is not used. I created a separate folder theme, where I put the css and pointed to this folder in the plugin settings. as my css is being proposed in the default theme field, I guess, it is found.

Any ideas on how to get custom themes running?

kobalteule avatar Jan 31 '25 19:01 kobalteule

I use them all the time, and all appears to function.

Can you try again w/ the dev console open and let me know what it says? The paths it tries to resolve should be shown

ebullient avatar Jan 31 '25 20:01 ebullient

Sorry, could have tried that first. However, while it is searching for other resources here: http://localhost:3080/css/slides-extended.css my css file cannot by found at this path: http://localhost:3080/C:/Users/MyUser/Downloads/Custom.Slideshow/Custom%20Slideshow/theme/my.css

which seems wrong to me as a webserver path. However: C:/Users/MyUser/Downloads/Custom.Slideshow/Custom%20Slideshow/theme/my.css is the right path in the filesystem.

in the options I set just "theme" (I also tried with mytheme, in case theme was a reserved word)

kobalteule avatar Feb 01 '25 16:02 kobalteule

the custom theme setting (and these custom themes) should also be in your vault. Not randomly elsewhere..

ebullient avatar Feb 01 '25 19:02 ebullient

sure, but it is all in the vault at C:/Users/MyUser/Downloads/Custom.Slideshow/Custom%20Slideshow/

here is the data.json: { "port": "3080", "autoReload": true, "autoStart": true, "exportDirectory": "/export", "enableChalkboard": false, "enableOverview": true, "enableMenu": true, "enablePointer": false, "enableTimeBar": false, "theme": "my.css", "highlightTheme": "zenburn", "transition": "slide", "transitionSpeed": "default", "controls": true, "progress": true, "slideNumber": false, "showGrid": false, "autoComplete": "inPreview", "paneMode": "split", "themeDirectory": "mytheme", "center": true }

this is the structure of my vault:

. ├── Decks │   └── Meat Delivery - John Doe.md ├── export │   └── Meat Delivery - John Doe │   ├── css │   ├── dist │   ├── index.html │   └── plugin ├── mytheme │   ├── my.css │   ├── my-white.css │   └── my-white.scss ├── .obsidian │   ├── appearance.json │   ├── app.json │   ├── community-plugins.json │   ├── core-plugins.json │   ├── core-plugins-migration.json │   ├── graph.json │   ├── plugins │   │   ├── obsidian42-brat │   │   └── slides-extended │   └── workspace.json └── Stacks ├── Company Intro.md ├── Products │   └── Meat Delivery.md └── Representatives └── John Doe.md

kobalteule avatar Feb 01 '25 21:02 kobalteule

btw. when I point the browser to http://localhost:3080/mytheme/my.css, the css-code is displayed. but why is the plugin not pointing to this path?

kobalteule avatar Feb 02 '25 13:02 kobalteule

There is some old magic code here related to composition of css folders. Out of curiosity, what happens if you rename "mytheme" to "css"

ebullient avatar Feb 02 '25 18:02 ebullient

unfortunatly no difference: http://localhost:3080/C:/Users/MyUser/Downloads/Custom.Slideshow/Custom%20Slideshow/css/my.css

I also removed the space in the directory name.. still the same, 404 error

kobalteule avatar Feb 02 '25 19:02 kobalteule

are there any news regarding this bug? How are you using custom themes then?

kobalteule avatar Mar 04 '25 07:03 kobalteule

I am at a conference and launching a foundation. I'll get there.

In settings, assets/css is the theme directory.

In slides/presentations, I still use css in the path (this is leftover magic + revealjs expectation I haven't had time to unravel):

Image

assets is root in my vault, and has a css directory:

Image

ebullient avatar Mar 05 '25 06:03 ebullient

I just wanted to add that I've seen the same problem:

  • Obsidian: v1.8.10
  • Slides Extended: v2.1.13
  • OS: Windows 11

It could be unrelated, but I do see built in themes working in the preview although not once I start the presentation

JamesWiresmith avatar Jun 17 '25 06:06 JamesWiresmith