Custom theming for your @RoamResearch graph is now live
Here's a video showing how to customize the CSS of your Roam, how to find the beautiful themes from the #roamcult, and paypal links to show support!
Here's a video showing how to customize the CSS of your Roam, how to find the beautiful themes from the #roamcult, and paypal links to show support!
@RoamResearch Some really amazing custom themes for @RoamResearch submitted by the #roamcult last weekend
Turns out doing theming RIGHT will take more time -and priority is setting up payments so we can hopefully clear the waitlist out by end of week
This is MVP tho
Turns out doing theming RIGHT will take more time -and priority is setting up payments so we can hopefully clear the waitlist out by end of week
This is MVP tho
Tweet Storm of what I say in the video
If you want to change the CSS on your Roam Graph (for yourself and for all visitors or collaborators, you can do so by adding creating a page called [[roam/css]] and adding a CSS code block on that page
If you want to change the CSS on your Roam Graph (for yourself and for all visitors or collaborators, you can do so by adding creating a page called [[roam/css]] and adding a CSS code block on that page
That page is setup so that if you filter the page, the styles won't be applied -
(filters are stored per-user on shared/public graphs)
so if you're collaborating with others, possible for you to each use separate themes
(just filter to only include the theme you want)
(filters are stored per-user on shared/public graphs)
so if you're collaborating with others, possible for you to each use separate themes
(just filter to only include the theme you want)
The goal of this project was to help more users discover and use the amazing themes built by the #roamcult, and to be able to send them a tip to thank them
Having a quick-theme switcher turned out to be of scope for this project, but I think we get 80% of the way with this
Having a quick-theme switcher turned out to be of scope for this project, but I think we get 80% of the way with this
Still have a bunch of more themes to test and put up - still haven't finished documenting the most wild one from @azlenelza
But here is a selection of some of our favorites
roamresearch.com/#/app/help/pag…
But here is a selection of some of our favorites
roamresearch.com/#/app/help/pag…
Will do a tweet storm with images, but first... smoke break
Adding this soon
Ok first up
@anthilemoon of @ness_labs with "Roamness"
Good for longform writing - # are black
Elegant font
roamresearch.com/#/app/help/pag…
@anthilemoon of @ness_labs with "Roamness"
Good for longform writing - # are black
Elegant font
roamresearch.com/#/app/help/pag…
Next we have "Slightly Aesthetic" from @al_malecha
Color theme: teal, lavendar...
Honestly think it is more than just slightly aesthetic, but I didn't pick the name
Unfortunately we don't load the the themes early enough to use custom loading icon YET
roamresearch.com/#/app/help/pag…
Color theme: teal, lavendar...
Honestly think it is more than just slightly aesthetic, but I didn't pick the name
Unfortunately we don't load the the themes early enough to use custom loading icon YET
roamresearch.com/#/app/help/pag…
The one that convinced me we needed themes
"Leyendecker" from @Mappletons
Improves on Kanban and Pomodoro components, but most importantly pioneered the idea of customizing tag styles
Suggest EVERYONE in #roamcult copy these, and tweak to your own use
roamresearch.com/#/app/help/pag…
"Leyendecker" from @Mappletons
Improves on Kanban and Pomodoro components, but most importantly pioneered the idea of customizing tag styles
Suggest EVERYONE in #roamcult copy these, and tweak to your own use
roamresearch.com/#/app/help/pag…
Definitely the WORST NAME in the #roamcult themes
"Better Roam Research" from @linuz90
He only get's away with the sass because it's so damn pretty.
Confused the hell out of us because it switches from Dark to Light mode based on computer's mode
roamresearch.com/#/app/help/pag…
"Better Roam Research" from @linuz90
He only get's away with the sass because it's so damn pretty.
Confused the hell out of us because it switches from Dark to Light mode based on computer's mode
roamresearch.com/#/app/help/pag…
We seriously were like - are you sure you pasted the right code??? I'm seeing something totally different on mine.
Turned out... That was the point... actually uses the fancy Apple functionality we're all supposed to be using for enabling dark mode in 2020
Turned out... That was the point... actually uses the fancy Apple functionality we're all supposed to be using for enabling dark mode in 2020
While we're on Dark Modes
"Dark Age" from @shodty
Great name - good for progressively summarizing posts like this
ribbonfarm.com/2013/12/09/our…
and Roaming on the topic of Anti-Fragile civilizations
roamresearch.com/#/app/help/pag…
"Dark Age" from @shodty
Great name - good for progressively summarizing posts like this
ribbonfarm.com/2013/12/09/our…
and Roaming on the topic of Anti-Fragile civilizations
roamresearch.com/#/app/help/pag…
The grand finale is "Zenith" which is just unbelievable wizardry from @azlenelza
But that deserves a thread of it's own - and a release that isn't at 2:47am PST... so I'm going to be a tease and make you wait until tomorrow for it
Here's a taste tho
But that deserves a thread of it's own - and a release that isn't at 2:47am PST... so I'm going to be a tease and make you wait until tomorrow for it
Here's a taste tho
One thing that can't wait till tomorrow though, for our friends in MENA, who want to roam in Arabic, Farsi, or Hebrew
RTL from @davidcrandall_w
Now just need to figure out how to make a #[[style/tag]] that's sets rtl for self and nested blocks
roamresearch.com/#/app/help/pag…
RTL from @davidcrandall_w
Now just need to figure out how to make a #[[style/tag]] that's sets rtl for self and nested blocks
roamresearch.com/#/app/help/pag…
RTL applied.
Honestly one of my favorites
Honestly one of my favorites
Zenith is now live
Absolute magic from @azlenelza
Includes aesthetic improvements to kanban, pomodoro timer, diagrams, and makes search bar to center of screen
but real wildness is making sidebar horizontal, and allowing graph display in background
roamresearch.com/#/app/help/pag…
Absolute magic from @azlenelza
Includes aesthetic improvements to kanban, pomodoro timer, diagrams, and makes search bar to center of screen
but real wildness is making sidebar horizontal, and allowing graph display in background
roamresearch.com/#/app/help/pag…
I've heard he's got more improvements and alternate color schemes in the works, but honestly it's pretty insane that it's even possible to do this with just CSS
suggest zooming out a bit in your browser for full effect
suggest zooming out a bit in your browser for full effect
