Plugin: 🎊 ReMoods Theme [NO LONGER MAINTAINED]

Umm... What I considered is how many plugins need that visible edge. And what plugins should be placed at the bottom and why?

As I know, the Note Tab plugin and Favorite plugin are the hottest choices to place at the bottom or top, and their default panel colors are different from the tag bar, so it is just not nessasery to add an edge.

Your case was placing the Note Link System's panel at the bottom, which is rare in my mind. I even have no sense of why placing it at the bottom. At that point, I would like to know more about your use case.

I do accept most users' requests, but I have to make sure it fits most users at the same time. It's not about whether I want to help you or not, it's just not reasonable enough in my mindπŸ€”.

I've noted your request, however, I'm not sure if I will add this edge or other similar solution in the feature, but currently, you better do this in your way, such as custom CSS or plugin background color setting.

Yeah, I'm fine with adding my own css. I wasn't sure how to do it until just recently I discovered the "toggle development tools" in the menu. So, I can easily take care of it now.

1 Like

Ok, great! Just let me know if you have any problem when customizing it, and thank you for supporting ReMoods ThemeπŸ™‚

Well, ok, I have one question. I prefer that my environment be more static. How can I get this toolbar to stop hiding itself? I can't get the ID because it disappears before I can get the inspector arrow on it.

I've tested it for you, and I think that will create a content overlapped problem by the static toolbar:

As you see in the above picture, the toolbar overlaps with an H1 heading. So, if you want to keep this toolbar style and just make it to be static and don't mind the overlap problem, use the code below:

/* stop auto hiding the editor main toolbar */
.rli-editor div:first-child > .editor-toolbar {
  height: 34px;
  background: var(--g-toolbar-bg) !important;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}

Alternatively, you can make it snap to the top and completely solve the overall problem, but the appearance would be different from other ReMoods users. And there would be a chance requires to maintain in the future according to the theme updates.

See output:

If you think this one is better, use the below code:

/* change the editor main toolbar back to top snapping */
.rli-editor div:first-child > .editor-toolbar {
  position: relative;
  margin: inherit !important;
  padding: 4px 3px 2px 3px !important;
  height: 34px;
  background: var(--g-toolbar-bg) !important;
  border-radius: none;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--g-toolbar-bd);
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}

Edit:

The code should be added into your userchrome.css.

That doesn't seem to effect anything. I tried each block individually and nothing happened. Then I tried both together (although I don't think that is what you intended) and nothing happened. I did close and reopen Joplin each time.

It might be related to the CSS specificity, try to edit the selector to:

#react-root .rli-editor div:first-child > .editor-toolbar

I think it should work.


edit

/* stop auto hiding the editor main toolbar */
#react-root .rli-editor div:first-child > .editor-toolbar {
  height: 34px;
  background: var(--g-toolbar-bg) !important;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}

OR

/* change the editor main toolbar back to top snapping */
#react-root .rli-editor div:first-child > .editor-toolbar {
  position: relative;
  margin: inherit !important;
  padding: 4px 3px 2px 3px !important;
  height: 34px;
  background: var(--g-toolbar-bg) !important;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: var(--g-toolbar-bd);
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}

The second one has modified the border-radius value to 0, it should not be none.

Yes! That worked. I love how that looks now.

I got my solid visible edges and a toolbar that doesn't hide on me. Who could ask for anything more? Thanks for providing that code.

Maybe some would call it ugly, but personally, I like it.

2 Likes

Great! You made it! I think you are focusing on a value out there which is more important than just an appearance. Whatever it is, I'm glad my theme is a part of it! :star_struck:

1 Like

Yes, you are correct. I aim for efficiency. Like anyone else, I appreciate a nice appearance, but I don't want to sacrifice any usability for it. This should keep me happy for at least a week. :joy:

1 Like

Hello, in addition to using this Plugin, I also used the "Plugin Bundle" Plugin, but the Plugin Bundle seems to be unable to apply Color and other parameters normally.
Can you provide relevant methods to help this Plugin also apply Remoon's beautiful theme?
grateful

ReMoods is not possible to style the private panel of other plugins. You can only change the background color through the Plugin Bundle's settings.

Is there any way for other plug-ins to call the Color parameter of Remoods?

It's not possible. The only way is all the plugins use the same color system with ReMoods, but it is a bit complicated and I think people wouldn't do it. :melting_face:

ok.. thank's you

Thank you for your work on this plugin!

Would it be possible to override the default --joplin-* CSS variables?
screenshot: default Joplin CSS variables in the inspector

Some plugins use these to match Joplin's global theme, so updating these should make some plugins match the ReMoods theme.

Thank you for the suggestion, it would be quite a lot of work to rebuild the color system, but it will still be considered in the future.


Edit:

Unfortunately, I've just created a little test for it and it seems not possible to overrides those variables.

1 Like

ReMoods Theme v4.6.1 Updates 2023-07-25

This update removes 2 math notation settings due to it creating too many unexpected problems.

(Latest support Joplin v2.12.7)

  • Render Viewer:
    • Change: Removed math notation auto-enlarged effect.
    • Change: Removed math notation font size setting.
  • Joplin UI:
    • Feat: Add option to use single color for all nested notebook folders.
    • Feat: Add option to enable darker background color for night mode. (experimental)
2 Likes

:warning:WARNING: REMOODS THEME HAS BEEN STOP MAINTAINING

The author has already moved to other note-taking software, so this theme will not be updated anymore. You should maintain it by yourself if you continue using this theme. It's welcome to clone the repo and develop your own theme.

1 Like

Sad day, I think Remoods was the last maintained theme for Joplin. Just curious, would you mind sharing what note taking app you have moved to? :slight_smile: