Hello!
I do not know if this is normal for all, but in my Border theme (Paperlike, Light preset), the tag pills have a gradient and “white shine” within the background itself it seems? I’ve tried using multiple topics to change the pills (such as Previous tag format, How to show all tags in color? - #9 by efemkay, forum.obsidian.md/t/meta-post-common-css-hacks/1978/10, and obsidian-css-snippets/Snippets/Tag pills.md at master · Dmytro-Shulha/obsidian-css-snippets · GitHub), but none have worked thus far. The closest to success was this snippet:
body { --tag-size: ; --tag-color: var(--color-base-100); --tag-color-hover: var(--color-base-100); --tag-decoration: none; --tag-decoration-hover: none; --tag-background: var(--color-base-00); --tag-background-hover: var(--color-base-00); --tag-border-color: var(--color-base-00); --tag-border-color-hover: var(--color-base-00); --tag-border-width: 0px; --tag-padding-x: 0em; --tag-padding-y: 0em; --tag-radius: 0em; }
For comparison, this is what the tags look like:
PRE-snippet
vs
POST-snippet
For some reason, using this code affects padding, but changing the color values of text and/or background doesn’t affect the tags at all, anywhere. However,
.cm-s-obsidian span.cm-hashtag-begin, .cm-s-obsidian span.cm-hashtag, .cm-s-obsidian span.cm-hashtag-end, a.tag, .tag:not(.token) { border: none; color: white !important; font-size: 12px; padding: 1px 8px 3px; text-align: center; text-decoration: none; margin: 0px 0px; cursor: pointer; border-radius: 15px; /* change to 4px for rectangular pills */ background-color: var(--text-accent) !important; }
changes the color and padding and everything, but does not remove the gradient or the white shine. It also applies exclusively to tags within the body of the text (does not affect YAML tags) and does this to them in Source mode/Live preview:
I want to remove the gradient+“white shine” effect and have completely flat, uniformly colored pills both in the body and in the properties/yaml/frontmatter.
Big thanks to all who help.
Side specifications: Obsidian 1.8.10, Border theme Paperlike preset (updated April 30th 2025).