Plugin: 🎊 ReMoods Theme [NO LONGER MAINTAINED]

For the code block in Render Viewer, you should add the following code to your userstyle.css:

#rendered-md .Joplin-editable > .hljs {
  font-size: 14px ;
}
1 Like

Thank you! I will add this and report back :slightly_smiling_face:

1 Like

Hi @Sinacs

It would be great to a compatibility with the wonderful bundle plugin and enhancement plugin from @SeptemberHX to have a nice dark theme with it ! :wink:

Ya, I'm happy to do that if it's possible. You can check the below link and find out what plugins I'm already have planned to test in the future:

Tested third party plugins

About the bundle plugin, I don't have plan to it, because I have installed it before but it's seems don't have any problem in the first basic try. So, it would be helpful if you can tell me where the exact problems on it.

1 Like

Hi @Sinacs,

Here is some feedback on PDF export :

  • note titles are too bright ; with a white background, it is hard to read
  • italic text is not inclined towards the right as it should be

Here is an exemple (26.8 KB), to illustrate what I mean. Please let me know if I am missing something.

I have been using Remoods theme everyday for a few days now and I really like it ! You did a very good job. Thanks a lot !

Have a good day !

1 Like

ReMoods Theme (BETA) V2.0.0 updates 2022-10-17

Note: This update requires updating your userstyle.css and userchrome.css manually, please copy the latest custom CSS codes from here and replace the old one.

  • Changed: Redefined font group in markdown editor, now all of the font size settings are based on the --usp-base-font-size.
  • Changed: The previous smaller monospace font size has separated into three standalone properties for code block, markdown table syntax, and non-essential content. And now they are all available on the settings page.
  • New: Added option to enable smaller font size for code block.
  • New: Added option to enable smaller font size for markdown table syntax.
  • New: Added option to enable smaller font size for non-essential content.
  • New: Added option to enable dotted style for Render Viewer code block. (#3)
  • Improved: Adjusted the anchor link path color in markdown editor. (For Markdown Table Colorize plugin)
  • Improved: Added round corner for the headers of notebook panel, note list panel, and editor panel. (#7)
3 Likes

I will take a focus on the Print & Export PDF in the next update, thank you for the report! @Estar

Btw, I've created an issue for this: #10

1 Like

Hi @Sinacs

Thank you for your answer. I take this opportunity to tell you how much I find this plugin project brings great novelty compared to the previous theme, in particular on masking toolbars. It’s very nice.

For plugins, these are little things of readability. For example, there is a calendar in the plugin bundle and the days are not very easy to read.

image

Same for the integration of the History plugin in Bundle, there is not much contrast on the lines which connect the notes compared to the clear version.

And the same goes for certain tags colors of inline todo (which is also integrated).

In any case, in general, I think that the enhacement plugin deserves to be followed closely for the contributions it brings to the markdown editor... for example the change in title levels

image

Thank you in any case for your efforts. Beautiful day !

1 Like

Thanks for the description @bepolymathe, but what I am considering is ReMoods can't change the CSS styles which belongs to the plugin private panel. What ReMoods can do is to style everything within the Markdown Editor and Render Viewer, or Joplin UI, but not the plugin private panel.

So, what I mean is I'm not understanding what I can do to the bundle plugin, because it seems everything is running within the private panel.

About the enhancement plugin, I've tested it last week but there were some problems that without solution. However, I've planned to test the enhancement plugin again because I think I've fixed a bug
that might be related to it. So, I will try to stay compatible with it if possible.

1 Like

Hi @Estar ! I'm just testing on the Strong Text and Emphasize Text, but I can't recreate the problems. It seems without any problem in my PDF test result:

Google Photos

  1. Please make sure you are using the markdown syntax *for emphasize text* and **for strong text**.
  2. Or you've added your own custom codes and affecting to it?
  3. If the above two are not related to your case, please supply me with more information about:
  • OS
  • Joplin Version
  • What pdf reader you are using?

Hey @Sinacs - huge thanks for the work on the latest version of the plugin. I am still doing some testing but I think the updates may have actually fixed my issues with the code block text being too small. I'll follow up though if I see any issues.

I have also logged issue Feature Request: Modernize Notebook Expand Icon Β· Issue #11 Β· Sinacs/Joplin.Plugin.ReMoods.Theme Β· GitHub in hopes to uplift the notebook expand icon. I think this update would really help make the app/theme look much more modern. Let me know what you think :slight_smile:

1 Like

Thank you for your passion! I've replied to you on GitHub issue.

1 Like

Yes, I am using the markdown syntax this way.

Nope, I did not customise anything. At least I don't think so :man_shrugging: My userstyle.css and userchrome.css are empty.

  • Windows 10 Pro
  • Joplin 2.8.8
  • Adobe Reader (but I have the same issue when I open the file with my browser, so I am not sure that the problem is coming from the reader)

I guess that I missed something. The fonts maybe ? Or a conflict with another plugin. I will investigate a bit deeper when I can.

Thank you in any case for your help.

1 Like

Adobe is fine, I think It might be the fonts problem, please make sure the font package you've installed is including italic and all font weights.

Yes, it was as simple as that ; It works perfectly fine now that I have my fonts properly installed... :nerd_face:

image

Thank you again.

2 Likes

Great! My pleasure to help! :slightly_smiling_face:

ReMoods Theme (BETA) v2.1.0 updates 2022-10-23

Markdown Editor

  • New: Added CSS styles for the Enhancement plugin.

Render Viewer

  • Fixed: Eye-Protector cannot turn off.
  • Fixed: The span tag is treated as a span title when trying to change the text color inside the spoiler block with a span tag. (Spoiler & Text Colorize plugin | P.S. I won't make any changes to the span title, but you can use span to change the text color or background color normally. Just make sure your span style is starting with color:/ background:/ background-color:)

Print & Export PDF

  • Improved: Darken the note title color. #10
  • Improved: Center aligns the mermaid chart.
  • Improved: Improve page break experience.
  • Improved: Remove chart background color. (Turn To Chart plugin v1.9.2)
  • Improved: Color adjustments. (Turn To Chart plugin v1.9.2)
  • Fixed: The circle color tag displays the wrong color. (Turn To Chart plugin v1.9.2)
  • Fixed: H5 & H6 border color abnormal.
  • Fixed: Code block didn't expand.
2 Likes

Great ! Thanks a lot !
Have a good one :slight_smile:

1 Like

Hey @Sinacs - I was curious, is it possible to toggle in settings the horizonal rule from the current striped line back to the standard line without any breaks? I've included a picture below of what I was hoping to revert back to a straight line with no breaks. Thanks!

image

Ok, I will go for it. It will be included in the next update.

1 Like