Color for semantic list urls/links too dark with Joplin dark themes

[djsudduth]

Hi, the CSS for the semantic list urls when Joplin is in dark mode is too dark to be usable - and it seems this plugin's iframe uses this CSS snippet to highlight links (which I assume is a default):

a:-webkit-any-link {
color: -webkit-link;
cursor: pointer;
text-decoration: underline;
}

I've tried altering the plugin CSS but it seems to dynamically pull down the CSS into the .config/.../tmp folder and overwrite my changes. Since this is an iframe - the userchrome.css doesn't affect it. Is there a way to change those dark blue links when using a dark theme??

Thanks!

[marcgreen]

Hey, thanks for the issue! I don't know how to fix this off-hand, but I can try looking into it.

Btw, how long have you been using the plugin? Have you found it helpful at all?

[djsudduth]

Not sure yet. Only just started using it. But, I have a lot of notes now so I'm curious how effective it will be.

I can't figure out where your css file comes from. It dynamically overwrites the css in the tmp folder every time you launch Joplin.

[djsudduth]

I discovered where you would need to add the appropriate styling CSS for this plugin -> in src/index.ts
the CSS needs to be added here:
// Create the panel object
const panel = await joplin.views.panels.create('semanticlly_similar_notes_panel');
// Add the CSS file to the view, right after it has been created:
await joplin.views.panels.addScript(panel, './webview.css');

See this page: https://joplinapp.org/api/tutorials/toc_plugin/

[mshuflin]

looks like this would be a really helpful plugin, thank you for developing. I am having the same issue, dark blue links when using a dark theme