Change the color of keywords in the left window?

Lounge
1

Hello,
I have another color problem :wink:

Maybe someone can help me?
I found something in the forum about changing the color of tags on the left side of the window (the entry was from 2021), but unfortunately it didn't work.

How can I change the color of the keywords and the background of the keywords in userchrome.css?

Thank you.

tags
tags299×632 11.3 KB

2 
span.sc-hmdomO.eETgcs.tag-label {
color: black;
font-size: 12px;
 background: MistyRose !important;
 background: linear-gradient(135deg, #6b7fd4, #5a6fc9);
 color: black;
 padding: 7px 8px;
  margin: 14px 14px;
  border-radius: 8px;
}

:grinning_face: solution found

lösung
lösung210×258 6.27 KB

3

Thank you for sharing this!

I would suggest avoiding the auto-generated .sc-hmdomO.eETgcs CSS class names—they are likely to change when a new version of Joplin is released.

For me, it works without the auto-generated class names:

/* If span.tag-label doesn't have high enough precedence, try span.tag-label.tag-label.tag-label. Repeating .tag-label multiple times should make the CSS selector more specific */
span.tag-label {
  color: black;
  font-size: 12px;
  background: MistyRose !important;
  background: linear-gradient(135deg, #6b7fd4, #5a6fc9);
  color: black;
  padding: 7px 8px;
  margin: 14px 14px;
  border-radius: 8px;
}
4

Thanks for the info.

Yes, it works for me too.