I am a big fan of the Stylesheet of Maggie Appleton, and especially like the possibility to customize data tags as she explained on her website.
I've created several data tags, and you can use these straightaway if you copy the CSS code of the custom-data-tags.css
file into your roam/css
page. As you may have noticed, the data tags also include symbols and icons before the tag. You can create your own tags by changing the CSS code. For adding your own symbols or icons, I recommend you to go to Emojipedia
Do you want your Tweets to be a bit smaller? That can also be done using CSS. I have adjusted the size of the embedded Tweets, which is shown here below:
Based on the URL of the hyperlink, you can now also create custom colors for specific websites. In this example, references made to a URL that starts with https://medium.com/ will be colored orange instead of blue.
In brief, I made several adjustments to the CSS stylesheet of Maggie Appleton to make my Roam look like this:
Here, you find an example of what my queried reading list looks like with the added custom data tags.