roam-custom-themes

These are several new and adjusted css themes and JS scripts for use in [[Roam Research]].

• Roam Mobile Notifications
  • Disclaimer time! This was hacked together in ~30 minutes working with tools I already knew worked.
    • This is not completely cross platform, only works on android, chrome browsers, firefox browsers, and windows 10. No iOS support
    • This relies on a third party app, Join a very popular android automation app, to work as a receiver. That being said Join is an incredible app that uses your own google drive for notifications. My understanding is that they are not stored on a random developer's server but I haven't researched exactly how he does it.
    • API keys are stored in the graph in plaintext. Obviously this is a terrible idea but for a quick test it worked fine
    • A notification is sent whenever there is a change to the pull. This means that you will get a notification when an item is added and and one is removed. In practice this double spams notifications.

WARNING As of today, 11/11/2020 there are several Roam changes that have broken Core.css. There is a tempoary, unofficial fix but it isn't perfect.

Custom Data Tags

My custom tag colors and adjustements. I keep these mostly the same across themes so I saved them here and can import them with one line.

@import url("https://rawcdn.githack.com/8bitgentleman/roam-custom-theme/8bf977b596b4c5516139f6ae8da8a8ddb4f1db92/Custom data tags.css");

Zenithdecker Core

I have ported Maggie Appleton's excellent Zenithdecker theme over to use Azlen's core.css horizontal and mobile adjustments.

@import url('https://rawcdn.githack.com/8bitgentleman/roam-custom-theme/8bf977b596b4c5516139f6ae8da8a8ddb4f1db92/zenithdecker_core.css');

Leyendarker_core

Updated Leyendarker to use core.css I have ported Maggie Appleton's excellent Leyendarker theme over to use Azlen's core.css horizontal and mobile adjustments.

@import url('https://rawcdn.githack.com/8bitgentleman/roam-custom-theme/8bf977b596b4c5516139f6ae8da8a8ddb4f1db92/layendarker_core.css');

~ PANIC ~

A roam version of the PANIC theme from the mac notes app, Bear

Can be used by importing this CSS exactly

/*THEME::PANIC MODE
CREATOR:: AZLEN(Core CSS), Matthew Vogel(Panic Flavor), BearApp(Concept)
*/
/* IMPORT ~PANIC~ THEME */
@import url('https://rawcdn.githack.com/8bitgentleman/roam-custom-theme/8bf977b596b4c5516139f6ae8da8a8ddb4f1db92/~PANIC~.css');

.rm-alias, .rm-alias-external,
.rm-alias-external:hover {
  background-color: rgba(89, 193, 218, .1) !important;

  padding: 3px 4px;
  line-height: 1.4em;
  border-radius: 4px;
}
/* ----- revert direction of sidebar pages -----*/

#roam-right-sidebar-content {
    flex-direction: row !important;

}
/* block refs*/
.rm-embed-margin-action{
	background-color: rgb(247,180,69) !important;
} 
.rm-embed-container{
  	background-color: rgba(247,180,69, .1) !important;
}