- 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 thestyle=<<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?