Awesome
CSS snippets and themes for www.logseq.com:
- the *.user.css work with Stylus extension for Chrome/FF/Opera
- the *.css snippets can be used with stylus (recommended) or directly added to your custom.css
logseq-darker-hpx.user.css :
a dark theme for logseq with some extra features :
- external links have an icon
- journal pages : titles with icon
- styled tags as label boxes
- tags will have an emoji (#book📚, #movie🎞,#audio🎹, #games🕹, ...)
- add emoji for TODO 🔥 and DOING 🚧
- restyled code blocks so that the language tab is out of the way and easier to click
- fonts : Cairo (=Titillium web) and Teko
- new color palette, neutral background with more color contrast
- query block have a small 'query' label
- restyled tables
- journals page is more compact
- titles folding arrows are bigger easier to click
- scheduled timestands with Consolas monospace font
- restyled scrollbars
- less space around admonition blocks
to install inside a custom.css without stylus :
> remove the line `@-moz-document domain("logseq.com") {`
> remove the last `}` at the very end of the file
logseq darker hpx
logseq-colorful-indents.css
colorize the indentation lines
logseq-columns-mod.css
a kanban/columns/cards layout. USE WITH STYLUS to enable it only when needed
logseq-iconify-external-links.css
add a small icon near external links (aklready included in the theme)
logseq-scroll-sidebar.css
restore the scrollbar on the right sidebar in addition to the main container scrollbar, makes it easier to navigate with pen-based systems without scroll wheels
logseq-highlight-current-path.css
highlight the bullets of the current path
logseq-dirty-focus-mode.css
fade out all lines except the current line. the parent block will be highlighted. useful for long documents with multiples levels. USE WITH STYLUS to be able to enable/disable it easily. I wouldn't activate that all the time.
DEPRECATED THEMES
(deprecated) dark-hpx version :
(Click the button to install the theme if you already have Stylus)
(deprecated) alternate color palette by Dale502 :
(Click the button to install the theme if you already have Stylus)
INSTALLATION FAQ
How to install Stylus
https://github.com/openstyles/stylus#releases
How to install a Stylus theme
https://github.com/openstyles/stylus/wiki/Usercss#how-do-i-install-usercss