Coder Social home page Coder Social logo

logseq-dark-hpx's Introduction

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 : Install directly with Stylus

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 image Maxthon_WmZncUNvJr

logseq-colorful-indents.css

colorize the indentation lines vivaldi_iSYXCfTAaH

logseq-columns-mod.css

a kanban/columns/cards layout. USE WITH STYLUS to enable it only when needed Maxthon_eXJTdZ5hhh

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 MOPlO5raYZ

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 : Install directly with Stylus

(Click the button to install the theme if you already have Stylus) image

(deprecated) alternate color palette by Dale502 : Install directly with Stylus

(Click the button to install the theme if you already have Stylus) image

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

logseq-dark-hpx's People

Contributors

cannibalox avatar dale502 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.