CSS for tag labels in the dropdown in edit template

109 views
Skip to first unread message

David Gifford

unread,
Aug 26, 2016, 10:14:40 AM8/26/16
to TiddlyWiki
Hi all

I would like the text in the tag labels to be consistent. In the standard tiddlywiki.com viewtemplate the tag labels are gold with black letters. In the edit template dropdown the tags are gold with white lettering.

First, what is the CSS that controls the color of the text in tag labels when they are in the edit template dropdown? I dug and experimented, but couldn't find it.

Second, why on earth would anyone want the two text colors the complete opposite? The way it is set up, every tag pill will be fairly unreadable in one way or the other. If you add a background color appropriate for black text, so that it looks good on viewing the tiddler, it will be ugly or even nearly illegible in the edit template dropdown, and vice versa.

I would recommend the core be changed and all the tag pills be either black or white.

Dave

Danielo Rodríguez

unread,
Aug 26, 2016, 11:49:07 AM8/26/16
to TiddlyWiki
I subscribe this issue. Really annoying for me too.

Mark S.

unread,
Aug 26, 2016, 2:07:13 PM8/26/16
to TiddlyWiki
It was really convoluted to find. It depends on your theme. It may be in $:/palettes/Vanilla or just $:/palettes or some other palette if you're using a  custom set-up. The entry is tag-foreground. Change it's value and the foreground color of the tag should change. Whether this is a good idea or not I'm not sure.

HTH
Mark

David Gifford

unread,
Aug 26, 2016, 4:58:38 PM8/26/16
to tiddl...@googlegroups.com
Thanks Mark!

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/0YhVJ39w5sI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+unsubscribe@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1243490a-3738-4a78-8d9c-d297c71ac67c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--
David Gifford
Christian Reformed World Missions, Mexico City

Thomas Elmiger

unread,
Aug 26, 2016, 6:20:25 PM8/26/16
to TiddlyWiki

Hi – I have stumbled upon these issues too. This auto color contrast stuff is not intuitive and not controllable for me.

And it seems to be even more complicated: The cross you can click to remove tags in edit mode has it's own color (always black?). So in one theme I use (vanilla with high contrast pallette I think) it became black on black background (= disappeared).

This is how I fixed it:

/*
** Tag pill: Tiddler edit mode
*/


.tc-remove-tag-button {
  color
: <<colour tag-foreground>>;
}

Good night!
Thomas
Reply all
Reply to author
Forward
0 new messages