Treeview.js plug not following Dark Mode

rlw1138 · March 5, 2025, 4:16pm

Yesterday or the day before (2025Mar3) my Dark Mode wasn’t working.

I added a ‘dark mode toggle’ to my action buttons, and it makes the main window dark, but not the Treeview panel.

Anybody else seeing this?

janssen-io · March 5, 2025, 4:34pm

I’m not sure anymore, because I’m using a different theme.

You can set these variables in a space-style block to fix it. Though granted, it would be nice if the plug operated nicely in dark mode too.

github.com/janssen-io/silverbullet-libraries

Library/LogseqDarkTheme/theme/tree.md?plain=1

a42038910


      
          html[data-theme=dark] {
              --treeview-folder-background-color: transparent;
              --treeview-folder-border-color: transparent;
              --treeview-folder-color: var(--root-color);
              --treeview-page-background-color: transparent;
              --treeview-page-border-color: transparent;
              --treeview-page-color: var(--root-color);
          
            .treeview-root, .tree, .treeview-header {
              background-color: hsl(193, 82%, 17%);
            }
          }

More info on the theme I use: here and here.

rlw1138 · March 5, 2025, 4:50pm

Not working for me. treeview stays white

rlw1138 · March 5, 2025, 5:13pm

I noticed that every time I refresh, the screen turns white as it re-loads.

Cookies, maybe??

rlw1138 · March 5, 2025, 5:20pm

Also, loading in a different browser – I normally use Brave – does not start with Dark Mode. So both Firefox and Chromium had to be set to dark.

MrMugame · March 5, 2025, 8:19pm

Does it only happen for the treeview plug or also for other “plugs” like the markdown preview? Any errors in the console?

janssen-io · March 5, 2025, 9:23pm

I just tested this in a fresh instance, just to check if something iffy is happening on the side of the plug or SilverBullet.

Default Behavior

Treeview is dark when enabling dark mode

Refreshing

SilverBullet flashes white. This is because the check for dark mode happens in the front-end. So the default theme is loaded first, before enabling dark mode.

Other browsers

The dark mode preference is saved in local (browser) storage. So every browser keeps track of their own dark mode state.

Do you have any other space-style or space-script blocks?
Are there any hints in the dev console? (F12 in your browser)
What happens if you refresh three or four times and/or clear cookies and cache?
What happens if you starts a fresh space?

rlw1138 · March 5, 2025, 10:49pm

The markdown preview (ctrl-P) goes ‘dark’, but not as black as the main window.

cleared all cookies and cache, same behavior

BUT…I did a “silverbullet upgrade” and got this:

A new release of Deno is available: 1.42.0 → 2.2.3 Run deno upgrade to install it.
Now going to attempt an upgrade…
So, that’s done. Now let’s see if this actually did anything…
Congrats, we’ve upgraded you from 0.7.6 to 0.10.4. Seems like quite a bump, enjoy!

“Quite a bump”, indeed…now it’s working again. I don’t know why I’ve never thought to update it…maybe I assumed it was coming in fresh from the internet each time.

Thanks for the help!!!