The following are a couple Roam CSS themes I’ve made recently. Included is a light mode theme, and another in dark mode.

How To Apply A Theme

1. Create a page called “roam/css”

2. Inside this page create a code block: (trigger /codeblock)

3. Change code block to “CSS”

4. Paste template code into code block

Custom Tags Included In Each Template

I utilize custom tags of which are the same in each template: #Area, #Subtask, #Urgent, #Inbox, #Thought, #Timeline, #Person, #Consideration, #Editlater, #Morning, #Evening, #Quicktask.

Worldo: Light Mode Theme

COPY WORLDO CODE

Forest: Dark Mode Theme

COPY FOREST CODE

A Note On The Universal emoji tags

Both templates utilize a universal emoji before every tag (#). Excluded are the custom tags AND roam42 smart tags.