I tried visually replacing a few Logseq tags with icons in CSS. It worked!
Three down, a few thousand to go
How’d I do it? Here I’ll just paste from my journal note figuring out the first one. I’m sure I’ll revisit this tonight after taking care of the day’s business.
- #idea Thinking about custom tag icons for logseq
- #warning under construction #warning
- Inspired by Obsidian Alternate Checkboxes CSS snippet
- Here’s what
#idea
looks like in the dev console:
- #question how do my installed plugins change the structure?
- I don’t think I currently have any plugins that alter element attributes
- Set up CSS Selector #bookmark to match
a.tag[data-ref="idea"]
- Hide the displayed tag by making it tiny
- Append an icon with the font size we started at
- as-is, this has accessibility issues and
font-size: initial
won’t work with headings. Also, to do it right I should be encoding the icon
Backlinks
Added to vault 2024-01-15. Updated on 2024-01-26