[css mod] colorful indentation lines

reposting my snippet from the discord channel.

colorful indentation lines

install

install with stylus addon for ff/chrome or copy to your custom.css

code

/* ==== colorful indent levels ===*/
.block-children {
	border-left: 0px solid;
}
.block-children [level="3"] {
	border-left: 1px solid;
	border-left-color: #ff00005c;}
.block-children [level="4"] {
	border-left: 1px solid;
	border-left-color: #ec87225e;}
.block-children [level="5"] {
	border-left: 1px solid;
	border-left-color: #ffff0052;}
.block-children [level="6"] {
	border-left: 1px solid;
	border-left-color: #65d95b7a;}
.block-children [level="7"] {
	border-left: 1px solid;
	border-left-color: #2ca0df5e;}
.block-children [level="8"] {
	border-left: 1px solid;
	border-left-color: #9f8af061;}
.block-children [level="9"] {
	border-left: 1px solid;
	border-left-color: #f15bf74f;}
/* ==== fix spacing - TWEAK VALUES ! ===*/
.ls-block { margin:-2px 0px -2px -1px !important; padding: 4px 1px !important;} 

this snippet and other css mods for logseq are on my github repo : GitHub - cannibalox/logseq-dark-hpx: CSS snippets and themes for www.logseq.com

This is so fun! Thank you! :pray:

This is beautiful. Thanks for sharing it.

It’s a very beautiful thing. I didn’t expect someone to make it so soon. I’m also a rainbow lover, because the various colors make me feel very happy, and I can distinguish layers very well ! Cool !

1 Like

this is awesome thank you for sharing! Do you have the css code to the black theme you are using!

This lines seem to work better with your theme than with the default!

Thanks again I’ll be playing with this code

Edit: I didn’t see your link to Github, found it, thank you