A More Neutral Color for Tag Pill to Work with All Palettes

Mohammad · September 22, 2022, 5:49pm

open https://tiddlywiki.com
create a tiddler and tag it with $:/tags/Stylesheet
put the below code into it and save

button.tc-tag-label, span.tc-tag-label  {
      background-color:#dddddd; 
      color: #000000bb !important;
   }

You will get something like this

It works with all palettes, but

It uses !important. This is forbidden (@pmario) I suspect the style=<<tag-pill-styles>> in $:/core/macros/tag causes to have !important
It is not consistent with all themes, a better approach is to use something like below

button.tc-tag-label, span.tc-tag-label  {
      background-color:<<colour some-mild-color-from-palette>>; 
      color: <$macrocall $name=contrastcolour target=<<colour some-mild-color-from-palette>> colourA=<<colour some-light-color-from-palette>> colourB=<<colour some-dark-color-from-palette>>     !important;
   }

But this does not work!

Any better solution?