-
Install the Stylus browser extension
- Stylus for Chrome
- Stylus for Firefox
- Stylus is not available for Safari
-
Make a new style in Stylus
- Open Stylus, select
Manage
, then selectWrite New Style
- Open Stylus, select
-
Name your new style
Roam Research Dracula
(or whatever else you'd like)
-
Configure the style for Roam Research URLs only
- Navigate to the bottom and click the
+
next toApplies to Everything
- Select
URLs starting with
from the dropdown menu - Add
https://roamresearch.com/#/app/
- Navigate to the bottom and click the
-
Add the Dracula CSS
- Copy and paste the contents of
dracula.css
into the Stylus code box
- Copy and paste the contents of
-
Save the style and refresh your Roam Research page
- Enjoy the darkness