Annotations Layout

[n12k0]

Dear WingDr,

I hope this message finds you well. I am reaching out to report an issue I've encountered with the Citations plugin for SiYuan, which has significantly impacted my workflow.

Issue Description: When importing annotations from Zotero using the Citations plugin, the default color of the annotations within the default SiYuan theme renders the text unreadable. This issue seems to stem from a clash between the background and text color of the annotations, making it difficult to read and work with the imported text.

Expected Behavior: Ideally, the imported annotations should maintain readability regardless of the theme or background color used in SiYuan. The ability to customize these colors, would greatly enhance usability.

Suggested Solution: Would it be possible to introduce an option within the Citations plugin settings to customize the color scheme of imported annotations? This feature would allow users to select text and background colors that ensure sufficient contrast and readability according to their preferences and themes used in SiYuan.

I believe this enhancement would significantly improve the user experience for those of us integrating Zotero with SiYuan via the Citations plugin, making our note-taking and reference management process much more seamless and efficient.

Thank you for developing and maintaining the Citations plugin. Your work greatly contributes to the productivity and organization of many users like myself. I appreciate your consideration of this request and look forward to any updates you might share.

Best regards

[n12k0]

这是英文文本的中文版本，由ChatGPT翻译。

亲爱的WingDr，

希望这条信息您能够安好。我联系您是为了报告我在使用SiYuan的Citations插件时遇到的一个问题，这个问题严重影响了我的工作流程。

问题描述： 当我使用Citations插件从Zotero导入批注时，批注的默认颜色在SiYuan的默认主题下使得文本变得难以阅读。这个问题似乎是由于批注的背景色和文字色之间的冲突，使得导入的文本难以阅读和使用。

期望的行为： 理想情况下，无论使用SiYuan的哪种主题或背景色，导入的批注都应保持可读性。能够自定义这些颜色，将极大地提升可用性。

建议的解决方案： 是否有可能在Citations插件的设置中引入一个选项，以自定义导入批注的颜色方案？这个功能将允许用户根据他们的偏好和SiYuan中使用的主题，选择确保有足够对比度和可读性的文字和背景颜色。

我相信这个改进将显著提升我们这些通过Citations插件将Zotero与SiYuan整合使用的用户的体验，使我们的笔记记录和参考文献管理过程更加流畅高效。

感谢您开发和维护Citations插件。您的工作极大地促进了像我这样的许多用户的生产力和组织能力。我非常感谢您考虑这个请求，并期待着您可能分享的任何更新。

此致敬礼

[WingDr]

I was troubled by the same issue when using it myself, as the background color used for annotations is unrelated to SiYuan; it's extracted from Zotero. However, it displays well in Zotero, but leads to confusion in SiYuan.

Creating a color palette in the settings panel is quite hard, and it's not really necessary, just for only the highlighted annotations. My idea is to change the highlighted annotations to display colors as outlines. This way, the text won't be obscured, and the original colors can still be marked, like this:

The selected area in Zotero will display as a picture in SiYuan, so it wouldn't be confused.

[n12k0]

Hi, thank you for taking the time to answer. I am not sure I understand what you mean, when you write " (...)change the highlighted annotations to display colors as outlines".

[WingDr]

Sorry, I didn't make myself clear. Currently, if you highlight the text of a PDF in Zotero, for example

it will be extracted into SiYuan and showed as the text with background color (the color will be exactly the same as you used in Zotero), like

What I want to do is to change the background-color style to outline style, and then it will be like

But I'm concerned that this might lead to other confusions, and I'm not sure if there's a better way.

[n12k0]

I understand now! That is sadly not optimal because, the result will be an image. In case anyone else has the same problem, i managed to at least mitigate it by changing to another theme, in my case I am now using the dark-tranquility theme in night mode. Now the highlighted text is at least legible. maybe there is a way to change font or callout color for siyuan via CSS? Thank you very much for your help :)

[WingDr]

That is sadly not optimal because, the result will be an image.

The results will not be images. The outlines are constructed totally by CSS, and in HTML codes are like

So the text inside you can still copy and edit.

But you indeed remind me, that I should add some special marks so that they can be recognized by CSS, and then they can display in different colors with snippets.