Set journal selected text highlight color

[bv0n]

Hello All,
I have been using logseq now for months and love it. However I can hardly see the selected text highlight within a journal. I have tried a great plugin AwesomStyler which seems like it wants to set it but it is ignored. I have tried changing custom.css and every other css I could find but nothing seems to have an effect. It’s not that I don’t like the grey color I just can’t see it.

Any ideas out there? I would appreciate the help.

[Ramses]

Welcome to Logseq and the community @bv0n!

What highlighting are we talking about exactly? The one when you press your mouse button and select text, like this:

Or when you mark up text using Markdown (using ^^ on either side), like this:

Because only the latter you can style using AwesomeStyler and the custom.css file.

The first one is fixed and cannot be changed. At most you could consider using another accent color so that the contrast is better for you—or use another theme altogether:

I hope this helps! Please let me know if anything is unclear or you have other questions.

[mentaloid]

• “grey color” is not typical for selecting/highlighting.
  • Check the color in a new empty graph without themes, plugins or other customizations.
• What have you found and tried in custom.css?
  • Does it involve ::selection ?

[bv0n]

Thank you Ramses, of course I am referring to your first example :-). But even the blue would be fine. I will try a clean install and see what that gets me.

Thanks and take care

[bv0n]

mentaloid, thanks for your response but I am looking for the highlighting of selected text in a Journal not a graph unless those are somehow related.

[mentaloid]

Let me clear up a few terms:

• A graph is a collection of interconnected nodes.
  • Their visual representation is irrelevant.
• In Logseq:
  • nodes are pages, which:
    • are either:
      • journal pages
      • non-journal pages
    • belong to a graph
      • Each graph has its own folder in the file system.
  • there is also a Graph view, which is a visual representation of the connected pages
    • This is a feature of limited usefulness.
    • I don’t refer to this, as it doesn’t even support selection.

Back to the highlighting of selected text, my words remain:

• Typical color of selected text is bluish, like in Ramses’ screenshot.
  • If your color is different (grey), something has changed it.
    • Changes/customizations usually affect one graph at a time.
      • Thus the suggestion to check the color (of selected text) in a new graph (and folder).
      • Mind that a re-install won’t change the colors of existing graphs.
• Changing this color yourself is possible through file custom.css
  • This involves the CSS keyword ::selection (also called a pseudo-element).