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.
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
π³
1
1
11
