Скачать или смотреть CSS for tag colors and a Logseq vertical task bar!

In todays video we will be looking at how you can use CSS to color your tags and also have a vertical task bar.

To help the channel please consider subscribing, and liking the video. If you find my videos useful please also consider buying me a coffee or supporting me via patreon.

https://www.buymeacoffee.com/prductiv...
  / productivitytoolsets  

Timestamps:

0:00 - Intro
0:13 - CSS for tag colors
4:43 - CSS for vertical bar

For choosing hex colors: https://www.htmlcsscolor.com/
CSS code for tags:

a.tag[data-ref="permanent notes"] {
background: #FFFAFA;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
border-radius: 3px;
color: black;
}

a.tag[data-ref="literature notes"] {
background: #FFFAFA;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
border-radius: 3px;
color: black;
}

a.tag[data-ref="fleeting notes"] {
background: #FFFAFA;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
border-radius: 3px;
color: black;
}

CSS Code for Vertical Bar:

/* vertical style of sidebar */
.sidebar-item.content.color-level.px-4.shadow-lg {
min-width: 33vw;
overflow-y: scroll;
}
.sidebar-item-list.flex-1.scrollbar-spacing {
display: flex;
padding-bottom: 0;
}
div#right-sidebar {
width: 80%;
}
div#right-sidebar, .cp__right-sidebar-scrollable {
height: calc(100vh - 48px);
scroll: initial;
}