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;
}
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
😳
1
1
11
But, but... ctrl-b ctrl-c also removes brackets in Roam?
So far, I’ve only used custom CSS to differentiate between internal and external links (I hate the brackets too).
Thanks for the pointers. Going to play around some more. 🙏🏼
1