CSS theme - Ohmine Dark Theme v3

Oh, I don't know, seems some css selectors doesn't work right. Fine, let it go. I fix it first.

You can delete the codes first. Thanks for your time!

No worries. Don't hesitate if you need.

1 Like

OhmineDT-v2.2.5 updates (19-NOV-2021 tested on Joplin v2.5.12)

  • New: add styling for Markdown Table Colorize plugin - to create the best markdown table experience!
  • New: add new CSS variables to the root: section of userchrome.css
  • Fix: table text color is unclear when using the Markdown Table Colorize plugin
  • Fix: sync button style missing
  • Change: remove notebook navigation button animation
  • Change: mouse hover sync button to trigger animation

Thanks ! :wink: :+1:

OhmineDT-v2.2.10 updates ( 7-DEC-2021 tested on Joplin v2.5.12)

  • New: avoid page break inside the TurnToChart table when printing
  • Fix: code block appearing unexpected color bars when specified a language
  • Fix: html syntax background color affects the code block
  • Change: table row & column gap
  • Change: color adjustments
1 Like

OhmineDT-v2.2.15 updates ( 18-DEC-2021 tested on Joplin v2.6.9)

  • New: add styling to the notelist sorting button
  • Fix: notebook title padding wrong in the sidebar
  • Fix: sync button font size
  • Fix: setting page styles
  • Fix: small adjustments
2 Likes

I think you tested it on Joplin 2.5.9 as 2.6 was just released today, don‘t you?

2.5 didn't have the new notelist sorting button nor the enlarged button font

I'm sure that I tested it on Joplin V2.6.9. Because I saw the updated notification from Joplin. So, I update my theme at once.

1 Like

Add one more fixed to the OhmineDT-v2.2.15

  • Fix: notebook title wrap text (v2.2.16)

thx for that info. I admit, I was a bit confused…

Is it possible to switch the rice symbol in the h2 heading off?

¡Muchas gracias!

1 Like

Oh, sure! You can edit your userstyle.css to do this.

  1. Just find out the below line of code within your userstyle.css
    (You will see it on the line 47 of OhmineDT v2.2.16)
--h2-heading-rice-icon: inline-block; /* "inline-block;" value change to "none;" to hide the rice icon from h2 heading */

and change it to:

--h2-heading-rice-icon: none; /* "inline-block;" value change to "none;" to hide the rice icon from h2 heading */
  1. Then you have to quit and restart the Joplin app, and you'll see it's gone.

Hi @Nacandev
I have arround 20 Folders and around 4 - 10 Sub/subsubfolders to organize my Notes in to it. The structure look like this
Inbox
-Bible
--genesis Chaptr 1 - 11
-blogs
--Icehockey Blog
---content Ideas
---podcast ideas
---client management
---socialmedia calenda
---leagues
----National league
-----AJoie
-----Bern
-----biel
-----and so on
--Faith and religions
---Content Ideas
---and so on(Same as Icehockley, except for clubs, there will be sermons)
--Politics Blog
---same as icehockey blog
---parties (Like social democratic party)
----Name of polititcan 1
---- and so on
-freetime/Hollydays
--Family
--spouse
--and so on
-Returning Tasks
--organisational tasks
---calendar
-Books
--Ethic in the bible
--commentary from Author xyz
--- and so on.

Now I would like to get them collored by topic. Lets say the Inbox in red, then the Biblelike a light green, the Blogs folder in yellow and the Icehockey blog part collord in light blue or so.

I`m not relly in to .css writing. So mybe you can just give me a hint or so, how to get that done in the .css file(s).

Also If I have a table in the note, the table hass a drakd bckground with black letters. Maybe I did made a change, that schould not be done. :slight_smile:

Abrecuate yout help.

Cheers
Urs

Hi @Urs_Berger, I would like to help you but I have to make sure I'm understanding what I should do to fit your needs first. So, I have a few questions below.

In this part:

I have arround 20 Folders and around 4 - 10 Sub/subsubfolders to organize my Notes in to it. The structure look like this
Inbox
-Bible
--genesis Chaptr 1 - 11
-blogs
--Icehockey Blog
---content Ideas
---podcast ideas
---client management
---socialmedia calenda
---leagues
----National league
-----AJoie
-----Bern
-----biel
-----and so on
--Faith and religions
---Content Ideas
---and so on(Same as Icehockley, except for clubs, there will be sermons)
--Politics Blog
---same as icehockey blog
---parties (Like social democratic party)
----Name of polititcan 1
---- and so on
-freetime/Hollydays
--Family
--spouse
--and so on
-Returning Tasks
--organisational tasks
---calendar
-Books
--Ethic in the bible
--commentary from Author xyz
--- and so on.

  1. OhmineDT is supporting up to ten levels of subdirectories. Is it enough to you?

Then, in the below:

Now I would like to get them collored by topic. Lets say the Inbox in red, then the Biblelike a light green, the Blogs folder in yellow and the Icehockey blog part collord in light blue or so.

I think it's not possible to colored by topic because the CSS selectors what Joplin provides to me are only can specify to the directory levels. So, Its means that I can't color it for a specific notebook title or custom groups. If I color the bible folder, It would be affects to all of the same level folders, so in this case the color of your blogs folder will be the same as your bible folder.

Then, the below:

Also If I have a table in the note, the table hass a drakd bckground with black letters. Maybe I did made a change, that schould not be done. :slight_smile:

  1. The table wouldn't be black letters If you are only using my codes. Did you made some change to my codes? Or you've added your personal codes within the userstyle.css? Or you've installed any plugin that's changed the color?

Hints:

  1. Please make sure you didn't use OhmineDT with other CSS theme or plugin theme at the same time. It's better only pick one theme to use for your Joplin.

  2. Please make sure you've set the Preference > Appearance > Theme to Dark

@Nacandev

Thanks for your reply.

To question 1: yeah, thats enough. That fits my needs.

To question 2: The folders I createt are subfolders. So this would mean that only the top level Folders would be able to get colored?

To question 3 (your remark 2) I did follow your instructions from the wiki-git. If another plugin would change the colors, thaat would not be my intention.....

To your hints I did the change to the dark theme. But somehow it did note change to black. Not it is perfect!

Here the screenshots

So, what still is open is, the coloring of the Folders and subfolders. IF that should be possible, it would be a huge benefit for me. If not, well, I may have to deal with it. I use the kanban board, and there I need als todos in the same folder to apear properly in the kanban board. :frowning:

Chers
Urs

To question 2: The folders I createt are subfolders. So this would mean that only the top level Folders would be able to get colored?

No, it can be work on folders or notebooks, but you can't color only one specific folder or notebook. You can see the below:

=level 1
==level 2
===level 3
=level 1
=level 1
==level 2b
===level 3

If I color the level 1, it will affects to all level 1 folders or notebooks.

If I color the level 3, it will affects to all level 3 folders or notebooks.

And I can't see a solution that can only color the level 2b in CSS, if I color the 2b it would also affects to all level 2 folders or notebooks.

To question 3 (your remark 2) I did follow your instructions from the wiki-git. If another plugin would change the colors, thaat would not be my intention.....

I notice that you are using the older version of OhmineDT, and there should be some features missing. It may be the reason why your table color wrong.

If you are using the latest stable version of Joplin(not pre version), I would recommend you update your userchrome.css and usrestyle.css to latest version of OhmineDT - v2.2.16.

If you are very clever and specific then I guess you can target individual items using nth-child(x) but it would be a nightmare to maintain manually. I guess that could maybe work for a plugin (or part of a plugin theme) with settings to save which extact permutation of child items you want coloured? It would also have to change each time you add notebooks above or blow and collapsing folders would probably cause other items to be highlighted once the divs are gone... not sure it is really worth it without some kind of core support.

Umm... I think the nth-child() selector can't handle well in this case. It will be all going wrong when every time you create a new notebook. There should be at least have a specific id for each independent folder, then it would be fine to use nth-child() selector to color the whole group, or separate the topics in different colors.

Yeah, that is what I said. Just saying that it is possible to colour an idividual item if you know it is always going to be static - some people have far less fluid heirachies where they might only have a couple of top level notebooks which remain static (inbox, todos, scratch etc.).
As you say, it would be nice if, in core, each item could inherit its own name as its id but you run into problems in making sure it is always unique (as notebooks names are not) - unless it just inherits its hashed name but that starts to get unwieldy.

1 Like