https://github.com/cannibalox/logseq-dark-hpx
CSS snippets and themes for www.logseq.com
https://github.com/cannibalox/logseq-dark-hpx
Last synced: 6 months ago
JSON representation
CSS snippets and themes for www.logseq.com
- Host: GitHub
- URL: https://github.com/cannibalox/logseq-dark-hpx
- Owner: cannibalox
- Created: 2020-08-10T01:39:34.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-06T18:04:01.000Z (about 3 years ago)
- Last Synced: 2024-08-03T19:07:44.699Z (9 months ago)
- Language: CSS
- Homepage:
- Size: 715 KB
- Stars: 90
- Watchers: 3
- Forks: 24
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-logseq - logseq-dark-hpx
README
# CSS snippets and themes for www.logseq.com:
- the *.user.css work with [Stylus](https://github.com/openstyles/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 : [](https://github.com/cannibalox/logseq-dark-hpx/raw/master/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 : [](https://github.com/cannibalox/logseq-dark-hpx/raw/master/logseq-dark-hpx.user.css)
(Click the button to install the theme if you already have Stylus)
## (deprecated) alternate color palette by Dale502 : [](https://github.com/cannibalox/logseq-dark-hpx/raw/master/logseq-dark-dale502.user.css)
(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