Coder Social home page Coder Social logo

logseq_forest_theme's Introduction

Forest Night Theme for Logseq

This is my first logseq theme based on Sacred Forest color scheme for VIM.

From the name you will know this mainly focuses on the dark theme.

Forest Night Screenshot screenshot of forest night

Background image Screenshot (adjusted from clean themes)

  • white theme screenshot of white theme
  • dark theme screenshot of dark theme

Installation

There are 3 css files: forest_full.css, forest_slim.css and bg_img_custom.css.

    1. forest_slim.css has the basic color scheme of forest night.
    1. forest_full.css adds 3 standalone features on top of custom_slim.css
    • add number list by adding inline tag #numlist.
    • add Kanban feature by adding inline tag #kanban, #kanban-small, #kanban-w100, #kanban-w200, #kanban-w300, or #kanban-w400.
    • highlight current path.

    Note that these features are all integrated from here.

    1. bg_img_custom.css absorbs the awesome theme of clean themes from PiotrSss.
    • I added some tiny polishes and change the imgur img host to sm.ms
    • I also added 3 features (mentioned above) on top of it.
    • If you want to change the background theme, just go to bg_img_custom.css and scroll down to the last paragraph.
    • Change the url of background picture.
  • You can rename either of them to custom.css and copy into the logseq folder under you logseq notes.

  • Alternatively you could just copy-paste them into the stylus chrome extension to see an instant style preview (recommended).

Roadmap

  • Add colorful indention to differentiate different levels (current hacking looks ugly so I temporarily removed it)
  • Keep on fine-tuning the colors of some non-salient places
  • Develop a beautiful theme for white mode

Acknowledgement

I use logseq every day and it is really an amazing tool to boost my work.

This can be thought as a fork of darker-hpx and clean theme.

I know little of CSS so I have to copy much stuff from them and adopt to my favorite color palette.

Thank you Piotr, Cannibalox, and Santi!

Inspriation

logseq_forest_theme's People

Contributors

handuozh avatar zhanghanduo 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.