Matt's Roof Garden

Powered by šŸŒ±Roam Garden

October 5th, 2021

TODOs in headers are not centered correctly

To color any block Roam has a hidden native function:

In any block type:

#.bg-COLOR-NUMBER

For instanceā†’ .bg-blue-100 == BLUE background at 100%

To have a lighter shade of BLUE == .bg-blue-50

HitĀ EscĀ twice to exit the block you're editing and theĀ #.bg-COLOR-NUMBERĀ will disappear until you hover over it

One idea that comes to mind is to use a specific COLOR and NUMBER to allow for quick referencing and filtering.

For instanceĀ #.bg-red-69Ā for anything that pertains to ideas without having to always useĀ ideas if that makes sense~

We made all of Tailwind CSS native since itā€™s a useful pattern many will know anyway, and quite reasonable to learn