Made a quick demo on how to customise the visual styling of specific page tags in Roam
Learned this trick off
youtu.be/DevXi-h0SPY
#roamcult
Conversation
By using a CSS style plugin like Stylus (github.com/openstyles/sty) and adding custom styles to the selector:
span.rm-page-ref[data-tag="YourTagName"] {
// your styles
}
...you can create a whole library of customised tags.
For example, here's how I style my #TwitterPost tag.
1
9
I also showed how you can also get rid of the [[Double Brackets]] around page links!
My page links are now a lovely orange and gloriously double bracket-free.
Just add:
.rm-page-ref-brackets {
display: none;
}
2
7
If you want to see someone absolutely going to town on building out 99 custom data-tags, check out 's Github Gist: gist.github.com/malcolmocean/0
π³
Replying to
I built them out over like 5 years on workflowy, then just ported them to roam. Styleable tags was basically a requirement for me to switch, as the colors add so much signposting to what's going on
Quote Tweet
Replying to @Mappletons @m_ashcroft and 4 others
Upload Image is gone and now it is upload file!! Also, I use @Malcolm_Ocean method for a while now - it is wonderful. He *suggested* to @Conaw to make them targetable.
2