Code Monkey home page Code Monkey logo

joplin-wanaka-ui's Introduction

Joplin Wanaka UI

Joplin Wanaka UI is a theme to adapt the UI of Joplin's desktop application.

Visit Lake Wanaka in New Zealand! ๐Ÿ˜‰

โš ๏ธ CAUTION - Requires Joplin v1.6.8 or newer

Table of contents

Features

This theme changes the following parts of the user interface.

  • Works with all built-in color themes
  • Colored tags
  • Cleaner note list including floating plus button to create new notes/to-dos
  • Floating editor toolbar at the bottom of the editor content
    • Not supported for TinyMCE
  • Local search inlined within tag list
  • Improved style of panel splitters
    • Highlighted while dragging
  • Changed style of synchronize area and button
  • Decreased visibility of toolbar icons
    • To focus more on content
  • Floating TOC on the right for rendered Markdown mode
    • Based on the idea from here
    • Requires [[toc]] in note content
  • Show/hide line numbers in CodeMirror
    • Based on the idea from here
  • Changed visibility of some UI elements by default

Screenshots

Light Theme

Light Theme

Dark Theme

Dark Theme

Installation

Manual

  • Download the latest released stylesheets (userchrome.css and userstyle.css) from here
  • Open Joplin and navigate to Help > Open profile directory
  • Copy the downloaded stylesheets into the opened user profile directory
  • Restart Joplin to see the changes

UI tweaks

  • Open Joplin and navigate to Tools > Options > Appearance
  • Click Show Advanced Settings
  • Click Edit below Custom stylesheet for rendered Markdown to open userstyle.css in a text editor
  • Click Edit below Custom stylesheet for Joplin-wide app styles to open userchrome.css in a text editor
  • Search for TWEAK and change the styles as described if you want
  • Save your changes and restart Joplin to see the changes

Feedback

If you need help or found a bug, open an issue on GitHub.

Support

You like this theme as much as I do and it improves your daily work with Joplin?

Then I would be very happy if you buy me a beer via PayPal ๐Ÿ˜‰๐Ÿบ

Changes

See CHANGELOG for details.

License

Copyright (c) 2021 Benjamin Seifert

MIT License. See LICENSE for more information.

joplin-wanaka-ui's People

Contributors

benji300 avatar vebenjamin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

joplin-wanaka-ui's Issues

Change style of active list elements

If it is possible to clearly identify the currently active list element, change the style like:

image

  • Change also in user options then
  • Color should be primary

Resize icon over Note list

Hello, Style is working great except that I can't access note list (select or move between notes in the note liste) because the resize icon 2022_03_03_11_55_49_Document1_Word stay above it.

Windows 10 - Joplin 2.7.13

Joplin (pre-release) 2.10.6 New Note display

Hello,

Ever since installing Joplin (pre-release) 2.10.6, the floating buttons for new note do not display. They are replaced with the normal UI layout. I believe it is because there was a new implementation of the New Note button.

Does anyone know how to fix this?

Thank you

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.