Plugin: 🎨 macOS theme for Joplin

MrKanister · 2023-02-25T14:11:10.463Z

A very simple way is to put these lines into the userstyle.css (Tools -> Options -> Appearance -> Advanced Settings -> CSS for rendered Markdown):

h1 {
    border-bottom: 1px solid #dddddd !important; /* light theme */
    /* border-bottom: 1px solid #555555 !important; */ /* dark theme */
    /* border-bottom: 1px solid #eee8d5 !important; */ /* solarised light theme */
    /* border-bottom: 1px solid #586e75 !important; */ /* solarized dark theme */
    /* border-bottom: 1px solid #bd93f9 !important; */ /* dracula theme */
    /* border-bottom: 1px solid #5e81ac !important; */ /* nord theme */
    /* border-bottom: 1px solid #141a21 !important; */ /* aritim theme */
    /* border-bottom: 1px solid #3D444E !important; */ /* OLED theme */
}

If you are using a different theme then the default light one, comment the light one and uncomment the right one for the general joplin theme you are using (/* marks the beginning of a comment, */ its ending).

zuike · 2023-02-27T07:30:49.013Z

Seems to be the version are not compatible, in the use of plug-in can lead to take up a lot of CPU, show white, can't operate joplin
joplin windows：v2.9.17
macos-theme：v1.3.11

andrejilderda · 2023-02-27T09:25:22.401Z

Here it is still working fine, but I'm on a mac M1 Max.

You're not the only one who has mentioned degrading performance. I'm surprised that this plugin - which is doing very little other than appending CSS - can cause so much trouble. Tbh, I think there's a bigger issue with the plugin system, which is why I won't try to fix this issue (and spend my time on Desktop UI in stead ;)).

benmordecai · 2023-02-28T15:44:00.748Z

The macOS plugin is bricking my Joplin on both Arch Linux and Windows 11 to the point that I cannot even operate the menus. In order to disable the MacOS plugin I have to force-quit joplin and open the options menu before the macOS plugin is fully loaded.

bwillius · 2023-03-16T06:03:56.519Z

The macOS theme plugin removes the scrollbar in the Go to window.

See Searching for phrases - #8 by laurent .

andrejilderda · 2023-03-16T08:18:21.839Z

This should be fixed with the latest update of the plugin.

bwillius · 2023-03-16T10:17:56.993Z

Thanks for the bug fix. But I don't see any changes:

Screenshot 2023-03-16 at 11.13.421564×1526 247 KB

Screenshot 2023-03-16 at 11.14.01752×434 16.7 KB

macOS Ventura 13.2, M1, Joplin latest release version.

benmordecai · 2023-03-16T12:38:24.993Z

Update worked successfully for me. I am re-enabling the plugin and will report back if I experience crashes again.

andrejilderda · 2023-03-16T12:55:24.852Z

v1.3.12 is the version that I was referring to, but v1.3.13 is on its way with a small tweak.

benmordecai · 2023-05-16T12:44:13.546Z

The problem is back. I can reliably reproduce it when clicking on the sidebar to expand a parent notebook to show child notebooks. Each of my notebooks has a leading emoji if that is significant.

bre · 2023-05-18T23:36:19.239Z

@andrejilderda, it appears that your plugin is crushing joplin during update from 2.10.17 to either 2.10.18 or 2.10.19 - please see my post here: Joplin 2.10.18 does not open after update from 2.10.17 - #4 by bre

linliiq32 · 2023-10-03T11:31:10.033Z

I accidentally installed the plugin on windows application and after restart the app crashed. Can you please help me resolve the issue?

dpoulton · 2023-10-03T13:23:31.247Z

@linliiq32 welcome to the forum.

linliiq32:

... and after restart the app crashed.

If you mean that after installing the plugin Joplin crashed and continues to crash every time you start it, one thing to try first is to:

Ensure that Joplin is fully quit (i.e. not running at all). Then go to...

C:\Users\<username>\.config\joplin-desktop\plugins (where <username> is your account username)

and delete...

com.andrejilderda.macOSTheme@1.3.13.jpl (or whatever version you have installed)

Then restart Joplin.

Waldorf3 · 2023-10-14T17:16:11.674Z

This is a really awesome plugin. I'm not particularly pro-mac, but this is IMHO how Joplin should look out of the box.

I would love an easy way to change the base font types and sizes from the GUI though. I realize there are ways to hack it through the config files, but we are not all programmers used to deal with style sheets.

jb261 · 2023-11-13T15:05:31.878Z

Experienced the following issue, which goes away when I disable the macOS theme plugin (v1.3.13): Anyone else have a grey vertical bar at left edge of the MD editor?

Specifically, it seems like it might be a conflict between macOS Theme plugin and Folding in Code Mirror Editor plugin:

Anyone else have a grey vertical bar at left edge of the MD editor? Support

Looks like you are onto something! With only one of Folding in Code Mirror Editor (v2.0.1) or macOS theme (v1.3.13) enabled, no grey bar. With both enabled, grey bar appears. Marking this issue as resolved, since it appears it's not a Joplin app issue, but a plugin issue. Have posted to both of the relevant plugin threads.

Added issue to github: grey vertical bar at left edge of the MD editor when both macOS theme and Folding in Code Mirror Editor plugins are enabled · Issue #108 · andrejilderda/joplin-macos-native-theme · GitHub

Overcast2763 · 2023-12-14T18:41:29.672Z

Thank you for the awesome theme!
I'm on Windows 11, and the last 4 toolbar icons are blank for me. (Horizontal line, Blockquote, Table, Insert time). I have Joplin 2.13.9 and installed the macOS theme plugin version 1.3.13 from inside Joplin. I have the icon family set to Phosphor. Am I doing something wrong to cause those icons not to appear?
Thanks!

image1088×96 4.26 KB

andrejilderda · 2023-12-17T22:14:16.992Z

This should be fixed in the latest version (v.1.3.14). Enjoy!

Overcast2763 · 2023-12-18T00:43:11.322Z

Looks good, thanks!

Luigi · 2024-01-02T14:29:43.610Z

Hi,

I love your macOS theme for Joplin, it looks awesome!

The only thing I just noticed:
When I enable the new note list preview plugin, the layout and typography of the note list plugin look very inconsistent with the MacOS theme.

Would it be possible to adjust the MacOS theme plugin so it supports the new note list preview layout and everything looks consistent?

andrejilderda · 2024-01-03T04:56:45.797Z

I don't plan on adding support for the plugin mentioned, but am open to PR's!