shodty / Roam_Dark_Age

Dark Theme for Roam Research
25 stars 9 forks source link

roam/css page? #1

Closed butterywombat closed 4 years ago

butterywombat commented 4 years ago

any chance you could share your full roam/css and roam/js pages? was interested in them from your video :) also was the TODO/DOING/DONE in the middle of your screenshot a table? thanks!

shodty commented 4 years ago

Hey Dani! So i went ahead and updated the readme for this project with how to get exactly what you see from my roam/css page. Please let me know if that's what you had in mind, and if not, what you need instead. The TODO/DOING/DONE is actually utilizing the Kanban feature in Roam, tutorial here: https://www.youtube.com/watch?v=yHyagebPrgU

As for the roam/js code, that can be found here: https://shodty.github.io/roam_breadcrumbs.js There's currently a workaround you need to make at line 79, you would need to put in your own databases URL instead of mine 😅 I'm working on figuring out the Roam alpha api but its new to me so haven't figured that piece out yet, unless i do regex. I'm assuming you know how to set up the roam/js page? I recently added hotkey support, so you can quickly tab to recent pages using ctrl + 1 (or ctrl + 2, ctrl + 3) on mac, or alt + 1 on windows. Ctrl + 1 also works on windows, but that is built in to switch tabs in chrome, so you would need to be running Roam in its own dedicated browser window with no other tabs (which I do!). Unfortunately because of the current roam/js page functionality, you have to run the script each time you start up Roam in a new browser tab, so I'm working on folding it into an extension or at least a userscript. Will keep you posted :)

Let me know if you have any further questions, you can hit me up on Twitter or Instagram @shodty if you can't get ahold of me here!

butterywombat commented 4 years ago

Great, thanks! I was kind of interested in all the other css themes you had going on :)

On Jun 24, 2020 at 8:31 PM, <shodty (mailto:notifications@github.com)> wrote:

Hey Dani! So i went ahead and updated the readme with how to get exactly what you see from my roam/css page. Please let me know if that's what you had in mind, and if not, what you need instead. The TODO/DOING/DONE is actually utilizing the Kanban feature in Roam, tutorial here: https://www.youtube.com/watch?v=yHyagebPrgU

As for the roam/js code, that can be found here: https://shodty.github.io/roam_breadcrumbs.js I'm assuming you know how to set up the roam/js page? I recently added hotkey support, so you can quickly tab to recent pages using ctrl + 1 (or ctrl + 2, ctrl + 3) on mac, or alt + 1 on windows. Ctrl + 1 also works on windows, but that is built in to switch tabs in chrome, so you would need to be running Roam in its own dedicated browser window with no other tabs (which I do!). Unfortunately because of the current roam/js page functionality, you have to run the script each time you start up Roam in a new browser tab, so I'm working on folding it into an extension or at least a userscript. Will keep you posted :)

Let me know if you have any further questions, you can hit me up on Twitter or Instagram @shodty (https://github.com/shodty) if you can't get ahold of me here!

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub (https://github.com/shodty/Roam_Dark_Age/issues/1#issuecomment-649193957), or unsubscribe (https://github.com/notifications/unsubscribe-auth/AADWPRFDMHPGBSZSRLTHB7LRYLAJDANCNFSM4OGNSQGA).

ghost commented 4 years ago

As this ticket fits: thank you so much for this theme, but not only for the theme. Looking at your video, I learned a lot of other stuff and got some nice inspirations.

Then only thing I couldn't figure out, though, is how you do the numbered "navigation" to switch between themes:

Bildschirmfoto 2020-06-26 um 22 03 24

I'd love to use that in other places. Do you mind sharing how you'd do that?

Thank you so much again for your work!

shodty commented 4 years ago

Ah! So if you right click a block you are able to "Add Version". This will create the numbered version system for that block, which is what you see in that screenshot. You can then add a unique CSS block in each version, so then you can quickly jump around between themes. For instance putting Azlen Elza's Zenith theme under one version, having one be the vanilla Roam theme, and one be Dark Age.

ghost commented 4 years ago

Wow, that's a pretty clever usage. Thank you so much!