Color the tag footer list in userchrome.css?

Lounge
1

Hello,

I recently discovered Joplin and am absolutely thrilled. Thanks to the developers :slight_smile:

I have a question about userchrome.css, which allows me to change a few things.

How can I change the color of the footer list where the tags are displayed? Background, font, font color.

Unfortunately, I haven't found anything in the forum that works...

I hope someone here knows how to do this :slight_smile:

Thanks

2025-10-24 12_00_02-Window
2025-10-24 12_00_02-Window1101×1101 142 KB

2

Have a try with these values. Alter / add as required...

div.tag-list button {
    /* tag bar - set the style of the of tags */
    border-radius: 3px !important;
    color: red !important;
    background: yellow !important;
}
div.tag-bar div.content span {
    /* tag bar - text */
    color: green !important;
}
div.editor-status-bar {
    /* tag bar - background / adds a border above the tag bar */
    border-top: 1px solid black;
    background: pink;
}
div.tag-bar span.icon-tags {
    /* tag bar - changes the colour of the tag icon in the tag bar */
    color: green;
}

screenshot
screenshot455×170 9.95 KB

I'm not suggesting that this is the best way to do this but it is A way to do this :slight_smile:

1 Like
3

I'm impressed :slight_smile: I've been searching for so long, something must have changed during the Joplin versions... Thanks a million for the solution! It works great!