Change the color of keywords in the left window?

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;
}