CSS for Filebrowser

1

Hello forum,

I’ve created a tiddler “Filebrowser” with
Type: application/pdf
add field: _canonical_uri: with the Path to a location - eg: C:\Dell\UpdatePackage\log

grafik
grafik732×332 16.6 KB

Tried to optimize the output with a Stylesheet:

h1 { color: green; }

a.file {
    font-size: 1.5em;
    color: rgb(204, 204, 255); }

td.detailsColumn { display: none; }

→ no effect

Doing the same direct in the brower - it works:

grafik
grafik1417×642 54.2 KB

Any idea, why the Stylesheet is not taking effect?

Thanks,
Stefan

2

It’s inside an embed tag, that’s why it doesn’t work.

But I think your browser is messed up, I would rather try to fix that. My Chrome on Windows 11 is completely readable with dark theme.

3

Thanks for feedback, @cskrisz.

the browser is not mixed up - I’m using Tiddly Desktop with a background image and the Tiddler background-color is set to transparent.

A fresh wiki looks like this:

grafik
grafik627×323 18.2 KB

4

Here are some options then:

  • Set :root { color-scheme: light/dark; } to the same as the OS color scheme, and set the background color of the embed tag.
  • Set the root and OS color schemes to be different. Then the theme of the file browser will be based off of the OS settings.
  • Load the CSS for the file browser with javascript as described here: html - How to apply CSS to iframe? - Stack Overflow. That might be especially complicated to do inside TiddlyWiki.
5

Thanks @cskrisz, I’ll try my best.